1. WangEditor, a domestic rich text editor

Don’t forget Trumbowyg CSS to, or load edit your own style.

Basic knowledge of

This minimal code translates a simple DIV Trumbowyg into the magic WYSIWYG editor.

$(‘#trumbowyg-demo’).trumbowyg();

If you want to set the Trumbowyg option, add an object containing your selection as a parameter.

$(‘#trumbowyg-demo’).trumbowyg({

fullscreenable: false,

closable: true,

btns: [‘bold’, ‘italic’, ‘|’, ‘insertImage’]

});

2.Quill

Don’t forget Trumbowyg CSS to, or load edit your own style.

Basic knowledge of

This minimal code translates a simple DIV Trumbowyg into the magic WYSIWYG editor.

$(‘#trumbowyg-demo’).trumbowyg();

If you want to set the Trumbowyg option, add an object containing your selection as a parameter.

$(‘#trumbowyg-demo’).trumbowyg({

fullscreenable: false,

closable: true,

btns: [‘bold’, ‘italic’, ‘|’, ‘insertImage’]

});

3.JQUERY NOTEBOOK

HTML code:

$(document).ready(function(){

$(‘.my-editor’).notebook();

});

4. Trumbowyg lightweight text editor

Don’t forget Trumbowyg CSS to, or load edit your own style.

Basic knowledge of

This minimal code translates a simple DIV Trumbowyg into the magic WYSIWYG editor.

$(‘#trumbowyg-demo’).trumbowyg();

If you want to set the Trumbowyg option, add an object containing your selection as a parameter.

$(‘#trumbowyg-demo’).trumbowyg({

fullscreenable: false,

closable: true,

btns: [‘bold’, ‘italic’, ‘|’, ‘insertImage’]

});

Simditor rich text editor

Simditor rich text editor




Simditor is a rich text editor used by Tower, a team collaboration tool. Simplified functions and fast loading.

Compared with traditional editors, its features are:

Simplified functions and fast loading

Output formatted standard HTML

Each feature has a very good use experience

Compatible browsers: Internet Explorer 10+, Chrome, Firefox, Safari.

The usage method is not mentioned here, and is roughly the same as other editors.

6.Cmd Markdown edit reader




Markdown is an easy-to-remember, easy-to-write, text-only markup language that allows users to generate expressive documents with minimal input costs.

Instance address:

https://www.zybuluo.com/mdeditor

Programmers are welcome to add more powerful editors not mentioned here.

Good things to share, let more people see.

If you like it, keep an eye out for tech guy.