【JavaWeb】之富文本编辑器

jbke

【JavaWeb】之富文本编辑器 (xjx100.cn)


https://www.xjx100.cn/news/1205.html?action=onClick

【JavaWeb】富文本编辑器

• 前言
• 一、富文本编辑器介绍
• 二、富文本编辑器使用
• • 1.引入编辑器（多种引入方式）
  • 2.使用编辑器
    
• 三、主流富文本编辑器推荐
• • 1.TinyMCE
  • 2.CKEditor
  • 3.UEditor
  • 4.wangEditor
  • 5.kindeditor
  • 6.simditor
  • 7.bootstrap-wysiwyg
  • 8.summernote
  • 9.Froala
  • 10.Quill
  • 11.FreeTextBox
  • 12.dhtmlxEditor
  • 13.eWebEditor
    
• 后记
• 
  

jbke

富文本编辑器
● cloud：https://www.tiny.cloud/
  ○ 优点：功能丰富齐全
  ○ 缺点：重
● quill：https://quilljs.com/
  ○ 优点：轻，包小，适合轻量开发
  ○ 缺点：功能少
● froala：https://froala.com/wysiwyg-editor/
  ○ 优点：干净UI设计，插件齐全
● tiptap：https://tiptap.dev/introduction
  ○ 优点：多人实时编辑

jbke

2020年10月1日整理:
1. editor   
github地址: https://github.com/lepture/editor
demo  地址: https://lab.lepture.com/editor/
最近一次更新: 2017.10.09

2. tui.editor
github地址: https://github.com/nhn/tui.editor
demo  地址: https://ui.toast.com/tui-editor/
最近一次更新: 2020.09.25

3. editor.md
github地址: https://github.com/pandao/editor.md
demo  地址: https://pandao.github.io/editor.md/
最近一次更新: 2019.05.09

4. canner-slate-editor
github地址: https://github.com/Canner/canner-slate-editor
demo  地址: https://canner.github.io/canner-slate-editor/
最近一次更新: 2018..09.30

5. pen
github地址: https://github.com/sofish/pen
demo  地址: https://sofish.github.io/pen/
最近一次更新: 2018..09.23

6. mditor
github地址: https://github.com/Houfeng/mditor
demo  地址: 已挂掉
最近一次更新: 2019.04.10

7. mditor
github地址: https://github.com/bh-lay/mditor
demo  地址: http://bh-lay.github.io/mditor/
最近一次更新: 2017.06.19