5个基于 jQuery 框架的编辑器,作为另一款功能全

6个HTML5 网页编辑器

2011/09/15 · HTML5 · HTML5

本文介绍6个HTML5 网页编辑器,它们共有特点都具有很全的功能,希望对你的HTML5开发有帮助。

列表如下:

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury 是个全功能的编辑器,包含TinyMCE和CKEditor同样的功能,但是又有不同的特性。取代iFrames它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代码编写,其支持所有的主流浏览器。

Website/Downoad

2 Aloha Editor – HTML5 WYSIWYG Editor

图片 1

  Aloha Editor 是个基于浏览器的富文本编辑器框架,JavaScript创建。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中。

Website

3. Rendra- Online HTML 5 Editor

图片 2

  Rendra 是个在线HTML5 编辑器,运行用户实时预览,支持HTML 5和CSS 3,以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代码编写的。用户可以用Rendra测试JS代码,允许用户利用 jQuery UI,jQuery 工具和插件。

Website

4. BlueGriffon: Next Generation HTML5 WebEditor

图片 3

BlueGriffon是一新的WYSIWYG编辑器,跨平台, 支持Windows, Linux and Mac OSX。 该编辑器内置HTML5/CSS3编辑功能,可以轻松地用它来实现传输、文本和边框的阴影、斜体等效果。它使用Google Font Directory 和FontSquirrel addons,可以个性化网页字体。

Website

5. Maqetta : Open Source Project & HTML5 Editor

图片 4

  Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。

Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面。

6. Apatana Studio 3

图片 5

Aptana Studio 3 是开源web开发工具,它允许开发者测试web应用,支持最新的web开发技术如HTML5, CSS3, JavaScript, Ruby, Rails, PHP 和 Python。Apatanna包含很多的功能,比如GIF integration, HTML,CSS和JavaScript Code assists, integrated debugger, 部署向导,以及IDE定制化。

 

赞 2 收藏 评论

图片 6

6.MacFlux

Official Website | Demo
图片 7

主要特点:

·全新FTP

这一丰富文本编辑器尽可能的简单容易的改变我们基本的编辑需求。 超轻量级,只有 7kb 兼容主流浏览器 简洁,优雅 GNU General Public License HTMLBox – jQuery

演示地址:

图片 8

Official Website | Demo
图片 9

演示地址:

2.Maqetta

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
图片 10

     3)TinyEditor是一个不依赖于任何JavaScript框架,只有8kb左右的简单JavaScript WYSIWYG编辑器。可以将任意textarea转成一个编辑器。TinyEditor编辑框可以调整大小,预先设置内容,设置生成HTML或XHTML代码等等。

4.Aptana Studio 3

Official Website | Demo
图片 11

图片 12

·CSS渐变效果

Official Website | Demo
图片 13

主页:

图片 14

jWYSIWYG,此插件是一个内置的内容编辑器,允许编辑HTML内容。这是一种替代WYMeditor与便捷实用的功能。文件大小不到 17Kb和26Kb总额只有9Kb 18Kb的代码和7Kb便携。 GNU General Public License v2 小巧轻便 支持Ajax的动态预览 兼容主流浏览器 Lightweight RTE- jQuery

·强大的Web设计软件

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

图片 15

丰富的文本编辑器,应用了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

演示地址:

此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

  1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。
  2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。
  3. 界面层: 为命令层提供用户使用界面。
    满足不同层次用户的需求。

本文由必威发布于必威-前端,转载请注明出处:5个基于 jQuery 框架的编辑器,作为另一款功能全

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。