10个基于 JavaScript 的 WYSIWYG 编辑器

简介: 在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。

 

在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript  的编辑器,它们有的是基于 jQuery 框架,有点则不是。

MarkitUp - jQuery

Official Website | Demo
MarkitUp

功能不是很多,但很轻量,很灵活。打包后只有6.5K大小。

jWYSIWYG - jQuery

Official Website | Demo
jWYSIWYG

非常基本的编辑器,简单为本。打包后只有7K。

Lightweight RTE- jQuery

Official Website | Demo
jWYSIWYG

简单到不能再简单,很容易自己修改。

HTMLBox - jQuery

Official Website | Demo
HTMLBox

跨浏览器,开源,基于 jQuery。可以很容易同各种 CMS,论坛,留言本,博客等系统集成。

D Small Rich Text Editor - jQuery

Official Website | Demo
D Small Rich Text Editor

基于 iframe 对象。

WYMEditor - jQuery

Official Website | Demo
WYMEditor

 

TinyMCE - non-jQuery

Official Website | Demo
TinyMCE

最经典的基于 JavaScript 的编辑器,COMSHARP CMS 默认的编辑器就是这个。

fckeditor - Non-jQuery

Official Website | Demo
fckeditor

功能非常强大。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website | Demo
Yahoo UI RTE

基于 Yahoo YUI,简单,但很可靠。

Xinha - Non-jQuery

Official Website | Demo
Xinha

自由的基于  BSD 许可编辑器,功能完善,很适合同各种系统集成。

本文原文来源:http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
中文编译:COMSHARP CMS 官方网站

 

相关文章
基于three.js的牛逼轰轰的3D编辑器nunuStudio!
这是一款基于Three.js的3D编辑器,我之前一直喊错,叫人家"牛牛",因为我觉得它真的好牛,其实人家正确拼音喊“努努”! 可以发布web的运行包,直接可以网页端二次开发,真的不要太方便了!
基于three.js的牛逼轰轰的3D编辑器nunuStudio!
|
JavaScript 前端开发
js:富文本编辑器实现@某人
js:富文本编辑器实现@某人
345 0
js:富文本编辑器实现@某人
|
数据采集 移动开发 前端开发
如何使用JavaScript实现前端导入和导出excel文件(H5编辑器实战复盘)
最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解决方案. 笔者将分成3篇文章来复盘, 主要解决场景如下
823 0
|
8月前
|
存储 JavaScript 前端开发
使用Strve.js来搭建一款 Markdown 编辑器
今天,我们来使用Strve.js来搭建一款 Markdown 编辑器,没错!你没听错。我们需要创建了一个实时 Markdown 编辑器,用户可以在 textarea 中输入 Markdown 文本,然后实时显示转换后的 HTML。你可能会说使用 Strve.js 开发会不会写的特别复杂难懂啊,还不如用 Vue.js 呢!
|
8月前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
8月前
|
前端开发 JavaScript
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
前端 富文本编辑器原理——从javascript、html、css开始入门
354 0
|
8月前
|
前端开发 JavaScript 索引
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
前端 富文本编辑器原理——从javascript、html、css开始入门
287 0
|
8月前
|
存储 JSON JavaScript
使用JavaScript实现实时在线协作编辑器:从设计到实现
使用JavaScript实现实时在线协作编辑器:从设计到实现
|
8月前
|
JavaScript
html+css+js实现文本编辑器
html+css+js实现文本编辑器
93 0
|
8月前
|
存储 前端开发 JavaScript
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
基于前端技术原生HTML、JS、CSS 电子病历编辑器源码
256 0