网页编辑器,编辑器整理

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编辑作用,可以轻松地用它来贯彻传输、文本和边框的黑影、斜体等效用。它采取谷歌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个HTML 5编辑器,他们共有特点都具有很全的效应,希望对你的HTML
5付出有赞助。

在线编辑内容的时候,那一个基于 JavaScript
的编辑器帮了我们大忙,那几个所见即所得(WYSIWYG)编辑器,给大家提供了就像Office?的操作体验。近来,任何网站内容管理连串(CMS)和博客系统都亟需一个如此的编辑器。本文精选了5个依照JavaScript?的编辑器,5个按照 jQuery 框架的编辑器。 马克itUp – jQuery

列表如下:

1.Aloha Editor

Official Website | Demo
亚洲必赢官网 7

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury
是个专职能的编辑器,包含TinyMCE和CKEditor同样的意义,可是又有两样的特性。取代iFrames它使用了HTML5内容可编制效率等。Mercury
是由CoffeeScript代码编写,其辅助所有的主流浏览器。

Website/Downoad

亚洲必赢官网 8

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

2 Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor
是个按照浏览器的富文本编辑器框架,JavaScript创设。不像任何多数的HTML编辑器,Aloha可以被安放到CMS、Blog,及其余标准的web开发框架中。

Website

那是一款利用JavaScript开发而成的富文本编辑器。除此之外,作为一套基于浏览器的框架,Aloha
Editor可以被轻松嵌入到一定的情节管理体系(简称CMS)以及其它各项框架当中,从而已毕博客、网站以及Web应用程序的开发工作。以轻松省事的格局将代码片段嵌入到对应文件当中,我们可以轻易对DOM中的元素进行编辑。

Official Website | Demo
亚洲必赢官网 9

3. Rendra- Online HTML 5 Editor

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

Website

2.Maqetta

jWYSIWYG,此插件是一个放到的情节编辑器,允许编辑HTML内容。那是一种替代WYMeditor与便利实用的作用。文件大小不到
17Kb和26Kb总额唯有9Kb 18Kb的代码和7Kb便携。
GNU General Public License
v2 精制轻便 帮忙Ajax的动态预览 包容主流浏览器 Lightweight RTE- jQuery

4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一新的WYSIWYG编辑器,跨平台, 协助Windows, Linux and Mac
OSX。
该编辑器内置HTML5/CSS3编辑成效,可以轻松地用它来兑现传输、文本和边框的黑影、斜体等职能。它利用GoogleFont Directory 和FontSquirrel addons,可以个性化网页字体。

Website

亚洲必赢官网 10

Official Website亚洲必赢官网, | Demo
亚洲必赢官网 11

5. Maqetta : Open Source Project & HTML5 Editor

Maqetta,一个创造桌面和移动用户界面的HTML5统筹编制工具,并还要表露将品种援救给开源机构Dojo基金会。

Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计作用,仅需不难的牵引操作,襄助桌面和移动用户界面。

用作另一款值得关心的依照浏览器的HTML
5编辑器,Maqetta是一套作用完善的所见即所得编辑器,可以被用于成立互连网页面、将各项要素拖拽至网络页面当中并采纳源代码视图或者设计方式对网页内容举办编辑。除此之
外,Maqetta还提供一项线框构图成效,允许我们在入手开展编程以前率先设计出应用程序/网站的用户界面。Maqetta是一款开源HTML
5编辑器,大家可以轻松将其源代码下载并设置到温馨的Web服务器之上。除此之外,大家也足以拔取对其代码进行自定义调整,从而知足自己的特殊须求并对
Maqetta开源项目作出进献。

这一抬高文本编辑器尽可能的简易简单的改观我们基本的编制要求。
超轻量级,唯有 7kb 包容主流浏览器 简洁,优雅 GNU General Public License
HTMLBox – jQuery

6. Apatana Studio 3

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

3.BlueGriffon

Official Website | Demo
亚洲必赢官网 12

亚洲必赢官网 13

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

易于集成 包容主流浏览器. 大小唯有 15kb (最小 11kb ) 帮助XHTML输出.
协助Ajax的动态预览
有完全的用户手册,那将率领你做到每一步的三结合HtmlBox到您的拔取和定制它。
D Small Rich Text Editor – jQuery

由Gecko生产的BlueGriffon是一款颇具立异特色的所见即所得编辑器,其提供免费下载而且可以与包罗Windows、Mac
OS以及Linux在内的各项主流操作系统相同盟。通过其极为简洁的操作界面,大家使用BlueGriffon轻松欢娱地开创并修改HTML
5文书。近期该编辑器提供七种语言版本,蕴涵保加乌兰巴托语、希伯来语、马耳他语、俄语、乌克兰语、西班牙(Reino de España)语以及简体普通话等等。除此之外,BlueGriffon还允许大家创制出极具视觉吸引力的网站,且不强制必要各位具备其余与两种Web标准有关的宽泛技术知识。BlueGriffon近年来的准许机制基于GNU通用公共许
可版本2、Mozilla公共许可1.1以及GNU宽通用公共许可2.1。

Official Website | Demo
亚洲必赢官网 14

4.Aptana Studio 3

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

亚洲必赢官网 15

Official Website | Demo
亚洲必赢官网 16

用作一款开源HTML 5编辑器,Aptana Studio
3允许大家在单一Web开发环境当中对友好的Web应用程序进行测试。作为一款援救HTML
5、CSS
3、JavaScript、Rails、PHP以及Ruby等三种常见Web技术方案的编辑器,Aptana
Studio
3当中还放置了大批量效果特色,包含IDE定制、布署向导、JavaScript编码以及GIF集成等等。

WYMeditor是一个基于网络的WYSIWYM (你所看到的你的趣味)的XHTML编辑器。
WYMeditor的最主要概念是距离的底细文件的视觉版面,并把重点放在它的布局和含义,同时着力为用户提供舒适的文件编辑器

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

5.Mercury

Official Website | Demo
亚洲必赢官网 17

亚洲必赢官网 18

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

作为另一款功效周全的HTML 5编辑器,Mrcury利用Rails
3.1、jQuery以及CoffeeScript开发而成。那款编辑器可以与整个主流网络浏览器相匹配,具体包蕴Safari
5及更高版本、Chrome
10及更高版本以及火狐4及更高版本。除此之外,Mercury还同意我们向其中插入并编辑图像、摄像以及链接。Mercury当中还提供一套独立的工具
栏,允许用户以更简短且更具社团性的措施打造起不一致品种的Web产品。

Official Website | Demo
亚洲必赢官网 19

6.MacFlux

此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

亚洲必赢官网 20

Official Website | Demo
亚洲必赢官网 21

作为一款致力于以Mac操作系统为立足平台完毕Web开发职责的方案,MacFlux那款HTML
5编辑器可以辅助八种Web技术,包括Ruby、HTML
4、JSP以及PHP等等。MacFlux当中内置一套强大的所见即所得渲染引擎,可以轻松完成拖拽、构图以及对象活动等操作——且起效方式与桌面类应用程序完全一致。这款HTML
5编制所提供的最让人回想长远的特色包涵:

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

Xinha – Non-jQuery

·图像投射

Official Website | Demo
亚洲必赢官网 22

·全新FTP

Xinha (pronounced like Xena, the Warrior
Princess)是一个作用强大的所见即所得的HTML编辑器组件,在辅助方今具有的浏览器。其configurabilty和可扩大性,可以很简单地
生成恰当的内容,无界定

·强大的Web设计软件

来源:

·快捷模板

JavaScript
的编辑器帮了我们大忙,这一个所见即所得(WYSIWYG)编辑器,给大家提供了接近
Office?的操作经验。…

·CSS渐变效果

·高级字体扶助

7.Dreamweaver CS5

亚洲必赢官网 23

当今风行HTML 5迎来了渲染接济力量,Dreamweaver
CS5也曾经在Web开发业界掀起了一股代码创设的浪潮。其中提供的全新Extract功能允许我们从Photoshop内容中领到资源并将其利用在两种基于代码的布署工作中间。除此之外,大家也得以动用背景代码率领该工具在CSS当中落成对颜色、字体以及梯度的定义,而后将那一个针对Web举办过优化的图
像拖拽到三头六臂的Adobe Dreamweaver当中。

原稿链接:

核子可乐译

【编辑推荐】

网站地图xml地图