DEV Community

Niemvuilaptrinh
Niemvuilaptrinh

Posted on • Updated on • Originally published at niemvuilaptrinh.com

Top Free WYSIWYG Text Editing Tools

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
CKEditor

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
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
TinyMCE

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
Quill

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
Trix

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
Jodit Editor 3

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
Summernote

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
Editor.js

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
MediumEditor

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
Wysihtml

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
ContentTools

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
Froala

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
Redactor

If you want more information please go to Niemvuilaptrinh

Top comments (9)

Collapse
 
sereneinserenade profile image
Jeet Mandaliya

Hey there, this is an amazing collection !! Thanks for sharing, much appreciate!

I just wanted to add Prosemirror and Tiptap

Collapse
 
anthonygushu profile image
Anthony Gushu

tiptap is fantastic

Collapse
 
haycuoilennao19 profile image
Niemvuilaptrinh

Thanks about sharing.

Collapse
 
haycuoilennao19 profile image
Niemvuilaptrinh

Thanks about inofomation.

Collapse
 
sdesires profile image
*•.¸☠ ѕ∂єѕιяєѕ ☠¸.•*

This is a nice list, however, you might want to add that for beginners, the "build-it-yourself" editors might not be ideal. I'm sure that the professionals will enjoy your list immensely. :)

Collapse
 
haycuoilennao19 profile image
Niemvuilaptrinh

Thanks about inofomation.

Collapse
 
haycuoilennao19 profile image
Niemvuilaptrinh

Thanks Narh.

Collapse
 
mrinasugosh profile image
Mrinalini Sugosh (Mrina)

I enjoyed your post, great list! Would you be interested in adding this to the official CKEditor Blog?

Collapse
 
pouchcms profile image
pouchcms

for svelte lover check out editorjs wrapper in svelte sveditorjs