10个基于jQuery或JavaScript的WYSIWYG编辑器

10惊人的自由丰富的文本编辑器,将提升您的网站的功能。我已经收集了5 jQuery和5个非jQuery实时评价附带简单的功能,具有办公一样的功能。

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

MarkitUp – jQuery

Official Website | Demo
MarkitUp

markItUp! 它不是一个“全功能,乱用”的编辑器。相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,在其CMSes ,博客,论坛或网站。 markItUp !不是一个WYSIWYG编辑器,它是简易实用的文本编辑器。

  • 快速移植和使用
  • 支持键盘快捷键
  • 支持Ajax的动态预览
  • 兼容的浏览器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
  • 许可: MIT/GPL
  • 文件: 便携,节省资源,只有 6.5Kb.

jWYSIWYG – jQuery

Official Website | Demo
jWYSIWYG

jWYSIWYG,此插件是一个内置的内容编辑器,允许编辑HTML内容。这是一种替代WYMeditor与便捷实用的功能。文件大小不到17Kb和26Kb总额只有9Kb 18Kb的代码和7Kb便携。

  • GNU General Public License v2
  • 小巧轻便
  • 支持Ajax的动态预览
  • 兼容主流浏览器

Lightweight RTE- jQuery

Official Website | Demo
jWYSIWYG

这一丰富文本编辑器尽可能的简单容易的改变我们基本的编辑需求。

  • 超轻量级,只有 7kb
  • 兼容主流浏览器
  • 简洁,优雅
  • GNU General Public License

HTMLBox – jQuery

Official Website | Demo
HTMLBox

HTMLBox,跨浏览器的,开源的HTML / XHTML文本基础上的jQuery库。通过了Mozilla Firefox , Inrernet浏览器, Netscape和Safari浏览器的测试。一体化的HtmlBox易于集成到CMS,论坛,留言板,博客中。

  • 易于集成
  • 兼容主流浏览器.
  • 大小只有 15kb (最小 11kb )
  • 支持XHTML输出.
  • 支持Ajax的动态预览
  • 有完整的用户手册,这将引导您完成每一步的整合HtmlBox到您的应用和定制它。

D Small Rich Text Editor – jQuery

Official Website | Demo
D Small Rich Text Editor

丰富的文本编辑器,应用了IFRAME元素,功能非常全,能满足我们复杂的文本编辑。

  • 大小(~18k) ! (便携/Minified JS, Plugins & CSS合起来有12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k)
  • 兼容主流浏览器
  • 支持所有的基本功能
  • 支持插件功能
  • 图片上传,通过AJAX 实现(使用的是 AjaxFileUpload plugin).
  • 可以调整文本区域。
  • 支持XHTML 1.0 验证 和 过滤(Note: this refers to the editor’s markup and not to it’s generated content which may or may not be valid!).
  • 具有 HTML 修正功能

WYMEditor – jQuery

Official Website | Demo
WYMEditor

WYMeditor是一个基于网络的WYSIWYM (你所看到的你的意思)的XHTML编辑器。 WYMeditor的主要概念是离开的细节文件的视觉版面,并把重点放在它的结构和意义,同时努力为用户提供舒适的文本编辑器

  • XHTML strict + CSS compliant
  • 没有字体或文本格式, 大小或颜色 – 它们是基于您的css样式的
  • 便于集成至您的应用程序中
  • 无需安装,这是100 %的Javascript代码编写的-无插件,不延时
  • 支持Image, link, table
  • 支持 CSS
  • 有APIs,支持插件
  • 自由和开放源码
  • 兼容主流浏览器

TinyMCE – non-jQuery

Official Website | Demo
TinyMCE

TinyMCE是一个独立的平台,基于Web的Javascript的 HTML WYSIWYG编辑器,是开源的。超强的HTML文本或其他元素转换能力,以编辑实例。

  • 易于集成-只需要几行代码
  • 自定义-主题和插件,阻止无效的要素和属性。
  • 兼容主流浏览器 – Mozilla, MSIE, FireFox, Opera, Safari and Chrome.
  • 轻量级的 – PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
  • 兼容AJAX- Compatible – You can easily use AJAX to save and load content!
  • 支持国际化 – Multilanguage support using language packs.
  • 开源 – Free under the LGPL license, millions of ppl help test and improve this editor every day.

fckeditor – Non-jQuery

Official Website | Demo
fckeditor

此HTML文本编辑器具有类似于MS Word一样的功能。它轻量级,无需安装

  • 兼容主流浏览器
  • 支持XHTML 1.0
  • 可以定制自己的CSS
  • 字体格式: type, size, color, style, bold, italic, etc
  • 文本格式: alignment, indentation, bullets list, etc
  • 支持 Cut, Paste, and Paste as Plain Text, Undo and Redo
  • Paste from Word cleanup with auto detection
  • 支持插入图片,上传,预览
  • 单击右键有下拉菜单
  • 支持 插件
  • 有智能拼写检查程序
  • 轻量级的和快速的
  • 自动检测和个性化的浏览器

Yahoo YUI Rich Text Editor – Non-jQuery

Official Website | Demo
Yahoo UI RTE

The Rich Text Editor是Yahoo YUI开发的,它可以取代标准HTML文本;支持文本字体选择,加粗,斜体 ,有序列表,无序列表,链接,拖放图片,工具栏通过插件是可扩展,能够实现高度的个性化设置.

Xinha – Non-jQuery

Official Website | Demo
Xinha

Xinha (pronounced like Xena, the Warrior Princess)是一个功能强大的所见即所得的HTML编辑器组件,在支持目前所有的浏览器。其configurabilty和可扩展性,可以很容易地生成合适的内容,无限制

 

站点统计