Top Free WYSIWYG Text Editing Tools
Tags: html, css, javascript, webdev
Published: 2021-01-31 14:31:06

#CKEditor
CKEditor with more than 10 years of development experience, you can be completely assured of the quality of This text editor. It supports more than 70 languages. I think it is a good choice for your site. it can also run On many different browsers and works well with most of front end frameworks like reat, vue, angular... you can using CDN to embed directly into your HTML page ...
Currently it comes in two versions running in parallel CKEditor 4 and CKEditor5, depending on the purpose of use, you will choose the right editor for you.
![CKEditor](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591709739/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-CKEditor_a7fwhv.png)
[CKEditor](https://ckeditor.com/)

#Trumbowyg
Trumbowyg is a code editor optimized for HTML5 and it supports most of the popular browsers. like IE9 +, Firefox, Chrome ... As I see it contains all the tools for text editing with content quantity only 20Kb. It's lightweight, it will help your website run smoother.
In addition it also has other support plugins to help you work better such as inserting emojis, Support languages for other countries , add sound, insert special characters ...
![Trumbowyg](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591710836/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Trumbowyg_n52ei6.png)
[Trumbowyg](https://alex-d.github.io/Trumbowyg/)

#TinyMCE
TinyMCE 5 is an editor that gives you the flexibility to edit, add or remove sections Expect in this program with ease. Apart from the basics for an editor then I find it also provides a lot of support for better user experience like adding comments, testing Check path, provide premium icons and interfaces, check spelling for content ... However, this is also Its weak point because if you want to use premium tools, you have to pay about 25 dollars per month.
![TinyMCE](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591711510/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-TinyMCE5_xcfo0b.png)
[TinyMCE](https://www.tiny.cloud/features/)

#Quill
Quill is an open source editor so feel free to use it for all types of websites Commercial or non-commercial. It is built with many functions such as adding links, images, video or adding code snippets to the content ... My favorite point about Quill is the easy setup and display is on all modern and responsive web browsers on multiple device screens, with directions detailed instructions on common problems with using it.
![Quill](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591712371/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Quill_o64fwu.png)
[Quill](https://quilljs.com/)

#Trix
Trix is an open source editor that allows you to compose messages, write comments, write post ... in the web with ease. It is rated over 15K stars on github and is well programmed tablets used. If you only need the functions needed for creating content, then Trix is the same great choice.
![Trix](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591713139/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Trix_isasfv.png)
[Trix](https://trix-editor.org/)

#Jodit Editor 3
Jodit Editor 3 is an open source github editor written in plain TypeScript. do not use any additional libraries. It allows you to set it up in many ways like via npm, load about, use a CDN ... for your website. What I like about it is that in addition to the detailed instructions there is also a program that gives us the freedom to choose which tools to attach to Jodit Editor through the code that contains the attributes automatically set below (This is in the examples section)
![Jodit Editor 3](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591714089/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Jodit_Editor_3_xoxbli.png)
[Jodit Editor 3](https://xdsoft.net/jodit/)

#Summernote
Summernote is an open source editor on github with over 9K stars votes. It is set Designed through Bootstrap framework with all the features needed for creating content on your website. You just need to download its source file css, js and add the Bootstrap framework (Support two versions 3 and 4 too. ok) is already available for your website.
![Summernote](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591714967/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Summernote_htijia.png)
[Summernote](https://summernote.org/)

#Editor.js
Editor.js is an open source block-styled editor. It will not use tags HTML like normal editors that will output the content as JSON makes it easy easier to manage. It also supports plugins through the use of APIs. Thanks to this should any function Any developer can contribute more interesting and useful plugins to this program.
![Editor.js](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591755055/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Editorjs_w65pcp.png)
[Editor.js](https://editorjs.io/)

#MediumEditor
MediumEditor is an open source editor built in to edit content to look like the page web Medium is for people blogging. It only contains the basic utilities needed for the editor so it's only about 28kB. This will help your website be optimized. Also if we want to add other features To optimize editing, MediumEditor also provides additional external utility tools updated update regularly.
![MediumEditor](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591757229/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-MediumEditor_vrt5yn.png)
[MediumEditor](https://yabwe.github.io/medium-editor/)

#Wysihtml
Wysihtml is an open source editor built by the Voog team. It is fully functional To help you edit text easily and is supported on most modern screen browsers device image today. There are a number of tools that I quite like about it is the automatic conversion of inappropriate HTML tags Rate, automatically analyze content when copied from Word, PDF, display content as HTML ...
![Wysihtml](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591758385/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Wysihtml_kedl4u.png)
[Wysihtml](http://wysihtml.com/)

#ContentTools 
ContentTools is an open source editor built in to help edit HTML content one by one easy way. It provides a full range of utilities for editing content and you can also add messages Institute, other utilities into the program easily (See API section offline). Also I found it there Articles on how to set, add or remove functions in the program ... are very detailed and meticulous.
![ContentTools](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591759196/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-ContentTools_lkot1y.png)
[ContentTools](https://getcontenttools.com/demo)

#Froala
Froala is an editor that is easy to set up for the website and allows you to open it Wide range of features depending on intended use. Since it is written in pure javascript you can use for Most modern front-end frameworks today. Also it offers lots of useful tools as well edit images, add or edit videos, add icons, manage panels ... However if you want to use that For commercial purposes, a license must be purchased.
![Froala](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591760657/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Froala_xzhtsu.png)
[Froala](https://froala.com/wysiwyg-editor/tour/)

#Redactor
Redactor is a fully functional editor with a beautiful and simple design. With Over 9 years of development including many support plugins, I think this is a good product for you to use its website. In addition it has extremely detailed examples for every common problem programmers encounter the process of using the program. However, it also has a drawback that you will have to buy a license when using it for commercial purposes.
![Redactor](https://res.cloudinary.com/dn4nxz7f0/image/upload/v1591759900/trinh-soan-thao-van-ban-web/trinh-so%E1%BA%A1n-thao-van-ban-Redactor_c4ost0.png)
[Redactor](https://imperavi.com/redactor/)

If you want more information please go to [Niemvuilaptrinh](https://en.niemvuilaptrinh.com/)