19款经典JavaScript富文本编辑器推荐

作者:开源拾贝

时间:2026-10-25

浏览:381

本文汇总了19款经典的JavaScript富文本编辑器,涵盖AIE、KindEditor、TinyMCE、CKEditor等主流工具。内容详细解析各编辑器的核心特性、技术栈依赖(如ExtJS、jQuery、Mootools)、功能支持(如图片处理、插件扩展)及浏览器兼容性,为开发者提供选型参考。

文章目录

1. AIE (演示地址)

AIE - Javascript富文本编辑器

AIE是一款开源的Ajax图片编辑工具,底层基于ExtJS框架与PHP ImageMagick库构建,便于集成至博客或相册等应用中。其功能涵盖图片尺寸调整、裁剪、旋转与翻转、滤镜应用、文本添加及水印处理等。

2. MarkitUp (演示地址)

MarkitUp - Javascript富文本编辑器

MarkitUp是一款轻量级、高度可定制且灵活的所见即所得(WYSIWYG)编辑器。

3. SmartMarkUP

SmartMarkUP是一款轻量级且功能强大的JavaScript库,可将HTML Textarea控件转换为富文本编辑器。它支持HTML、CSS、XML、Wiki语法及BBCode等多种格式,并允许根据实际需求进行配置。该库不依赖任何JavaScript框架,易于融入现有项目。

4. KindEditor

KindEditor - Javascript富文本编辑器

KindEditor是一款基于浏览器的所见即所得(WYSIWYG)HTML编辑器,主要应用于内容管理系统(CMS)、论坛及博客等Web应用程序中。

主要特点:

1) 代码量少,但功能丰富。

2) 通过添加插件(plugin)的方式,可实现功能的自定义扩展。

3) 支持删除不需要的插件,从而减小文件体积。

4) 可自由调整编辑器风格,使其与网站整体设计融为一体。

5) 代码结构清晰易懂,具备良好的可维护性与可控性。

5. Control.Editor (演示地址)

Control.Editor - Javascript富文本编辑器

Control.Editor是一款基于Mootools框架开发的所见即所得(WYSIWYG)编辑器。

6. Damn Small Rich Text Editor

Damn Small Rich Text Editor - Javascript富文本编辑器

基于jQuery开发,能够从IFRAME元素创建富文本编辑器。它提供了所有基本的富文本编辑功能,支持设置编辑区大小及通过Ajax上传图片等。

7. EditArea

EditArea - Javascript富文本编辑器

EditArea是一款JavaScript源代码编辑器,支持文本格式化、搜索与替换以及实时语法高亮。当前支持的语言包括:PHP、CSS、JavaScript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic及Brainf*ck。

8. FCKeditor

FCKeditor - Javascript富文本编辑器

FCKeditor是一款类似MS Word的HTML文本编辑器。它兼容多种浏览器,输出符合XHTML 1.0标准,支持CSS以便与网站更好地结合。它提供右键操作菜单,支持从Word直接粘贴内容,允许自定义功能工具栏,支持皮肤更换及通过插件扩展功能等。

9. Free Rich Text Editor

Free Rich Text Editor - Javascript富文本编辑器

Free Rich Text Editor是一款易于使用的HTML所见即所得编辑器。仅需三行代码即可完成安装。它支持以下浏览器:

  • Internet Explorer
    • Internet Explorer 6 (Microsoft Windows)
    • Internet Explorer 7 (Microsoft Windows)
  • Mozilla firefox
    • Mozilla Firefox 1.5 (Microsoft Windows)
    • Mozilla Firefox 1.5 (Apple Macintosh)
  • Opera
    • Opera 9 (Microsoft Windows)
  • Safari
    • Safari 1.3 (Apple Macintosh)

10. jwysiwyg

jwysiwyg - Javascript富文本编辑器

jwysiwyg是一款WYSIWYG jQuery插件,整个编辑器文件大小仅为17Kb。

11. NicEdit

NicEdit - Javascript富文本编辑器

NicEdit是一款轻量级、跨平台的内联内容编辑器。它能够将任何element/div元素转换为可编辑状态,或将标准的textareas转换为富文本编辑器。

12. OpenWYSIWYG

OpenWYSIWYG - Javascript富文本编辑器

OpenWYSIWYG是一款纯JavaScript开发的跨浏览器所见即所得编辑器。仅需一行简单的代码即可将标签转换为功能强大的WYSIWYG编辑器。

13. TinyMCE

TinyMCE - Javascript富文本编辑器

TinyMCE是一款开源、纯JavaScript的HTML所见即所得编辑器。它能够将HTML TEXTAREA或其他HTML标签转换为富文本编辑器。TinyMCE非常易于集成到其他内容管理系统中,可通过外观/主题和插件定制以满足需求,并提供汉化语言包。它支持多浏览器:Mozilla、MSIE、FireFox、Opera和Safari。此外,还可以方便地使用Ajax来保存和加载内容。

14. Yahoo! UI:Rich Text Editor

Yahoo! UI:Rich Text Editor - Javascript富文本编辑器

这是来自Yahoo! UI库中一款功能强大的富文本编辑器。

15. Xinha

Xinha - Javascript富文本编辑器

Xinha是一款功能强大的所见即所得HTML编辑器,支持所有基于Mozilla的浏览器及MS IE。它具有易于扩展、功能模块丰富等特性,并提供文件管理、图片上传插件以及简单的图片编辑等功能。

16. WYMeditor

WYMeditor - Javascript富文本编辑器

WYMeditor是一款Web所见即所得即标记(WYSIWYM)XHTML编辑器。

17. SPAW Editor

SPAW Editor - Javascript富文本编辑器

SPAW Editor是另一款可视化的在线编辑器。

18. CKEditor (演示地址)

CKEditor - Javascript富文本编辑器

CKEditor是FCKeditor的3.0版本,具有更好的性能、丰富且强大的集成/交互接口以及全新的用户界面等特性。

19. widgEditor (演示地址)

widgEditor - Javascript富文本编辑器

widgEditor是一款符合Web标准的轻量级文本编辑器,提供用户日常所需的功能。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章