资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

转载新闻 6 款用于Web开发的HTML5编辑器

2011-09-15 18:57 by 资深记者 jforever 评论(2) 有19775人浏览
html5
本文搜集了6款HTML 5编辑器，它们都具有很全的功能，希望对HTML 5开发者有帮助。

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury是一个功能完备的编辑器，包含了TinyMCE和CKEditor的功能，但是有着更好的体验。Mercury没有使用iframes，而是将HTML5内容的可编辑功能放置在每一个块级组件中。同时提供了一个专门的工具栏来管理页面上的所有区域。Mercury使用CoffeeScript和jQuery编写JavaScript部分，其他部分使用Rails 3.1编写。

它支持当前所有的主流浏览器，包括Chrome10+、Safari5+及Firefox4+等。Mercury支持编辑预览功能，用户可以插入并且编辑链接（包括TOC/书签链接）、图片、视频或者表格。可以使用拖动的方式实现文件上传。此外，它支持协同工作，能够与其他人同时编辑同一个页面并查看实时变化。



2. Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor是一个更进步的所见即所得HTML5编辑器，基于浏览器的富文本编辑器框架。使用JavaScript创建。不像其他大多数的HTML编辑器，Aloha可以被嵌入到CMS、Blog及其他标准的Web开发框架中。



3. Rendra- Online HTML 5 Editor

Rendra是一个在线的HTML5编辑器，支持实时预览所编辑的内容。用户可以使用浏览器支持的任意HTML 5及CSS3标签。此外，Randra还支持HAML和SASS。Rendra使得学习HTML5和CSS3变得更加简单，它采用CoffeeScript和Sinatra开发。用户可以利用Rendra测试JavaScript代码，也可以用来测试jQuery UI、jQuery工具及插件。



4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一个新的WYSIWYG内容编辑器。它基于FireFox 4的渲染引擎Gecko实现。 BlueGriffon能够创建和编辑所有的HTML5标记及HTML5文档。它能够让用户创建Web页面，帮助用户创建漂亮、简单和直观的UI。 BlueGriffon支持超过9种的语言，包括CSS3。



5. Maqetta : Open Source Project & HTML5 Editor

Maqetta是一个开源项目，提供了HTML5用户界面的可视化设计功能。可直接在浏览器中创建和运行HTML应用程序，不需要下载或安装。

软件的界面支持拖放操作，同时它也支持类似桌面软件的undo/redo功能、浏览器预览功能、保存/另存等功能。Maqetta 现在对Dojo库提供了强有力的支持，这样用户可以将该库的各种组件或控制模块加入到页面中（例如：按钮、折叠式菜单、日历等等）。

Maqetta支持大部分浏览器，包括：FireFox、Google Chrome 和 Safari。



6. Apatana Studio 3

Aptana Studio 3是一个用于Web开发的开源工具。使用它开发人员在单个环境下便可以测试Web应用程序。Aptana支持最新的浏览器技术和规范，如HTML5、CSS3、JavaScript、Ruby、Rails、PHP以及Python。其功能包括HTML、CSS和JavaScript代码辅助功能、集成的调试器、部署向导以及IDE环境定制。




英文原文：http://skytechgeek.com/2011/09/6-html5-editors-for-web-development/

链接阅读：10 款用来简化 HTML5 编码的在线工具

  • 大小: 14.3 KB
  • 大小: 24.1 KB
  • 大小: 25.9 KB
  • 大小: 35.5 KB
  • 大小: 32.2 KB
  • 大小: 20.4 KB
4
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 achun 2011-11-01 13:47
Mercury 是现存仅有完备contenteditable 模式的，当然不支持IE,在此基础上开发些插件作为设计用很有搞头
1 楼 yaojun85 2011-09-17 10:10
iteye新闻质量越来越离谱,翻译都不校验：
引用
Mercury is a HTML5-powered WYSIWYG editor similar to the popular ones like TinyMCE or CKEditor but with a different usage experience.

引用
Mercury是一个功能完备的编辑器，包含了TinyMCE和CKEditor的功能，但是有着更好的体验


另以上编辑器完全属于不同类别请勿误导大众

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 基于HTML5的电子病历编辑器 X-EMR

    基于HTML5的新款电子病历编辑器，从理论到实践分析了HTML5格式存储的优势，支持JSON，XML导出，纯JS编写，分页性能优越，有在线演示网站。

  • 用于Web开发的6个HTML5编辑器

    这个近期肯定会用到，发现这个好东西一定会事半功倍 1. Mercury : HTML5 Powered WYSIWYG Editor ...Mercury是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor。但拥有不同的使用体验

  • SaaSBase：15个最佳免费HTML编辑器

    Bluefish 概述 Bluefish是为程序员和Web开发人员构建的编辑器，用于编写网站，脚本和编程代码。它是一个与Windows，MacOS，Linux和其他操作系统兼容的开源应用程序。它支持许多编程和标记语言，包括HTML，XML，CSS...

  • 12 款适用于开发人员的最佳 Web 开发软件

    如果您正在寻找最好的 Web 开发软件，那么您可能会对从哪里开始构建网站感到有些困惑。...而且，如果您是新手或没有编码经验，您可以使用此集合中包含的 WYSIWYG 编辑器编辑/创建网页。 1.WordPre...

  • 蓝桥杯新增web应用开发科目—送给想要参赛的小伙伴们一份备赛指南

    《 关于“第十三届蓝桥杯全国软件和信息技术专业人才大赛个人赛 （软件类）Web 应用开发组竞赛”》 赛事必知： 有关于组别： 具有正式学籍的在校全日制研究生、本科、高职高专及中职中专学生（以报名时状态为准）...

  • 14款web前端常用的富文本编辑器插件

    富文本编辑器是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞...

  • 15款Python编辑器，你喜欢用哪一款？

    IDE 使用的工具包括：文本编辑器编译器和/或解释器装配自动化工具（assembly automation tool）调试器（debugger）有一个与 IDE 相似的术语——代码编辑器（code editor）。我们先来探讨二者的异同。...

  • php网页可视化编辑器,推荐几款HTML可视化在线编辑器

    做博客，论坛等一些用户发表文章之类的网站的时候肯定会用到HTML编辑器，我最近那个小论坛找了几款可视化编辑器都不错，就是觉得文件还是有点大了基本都是300kb左右。以下只说对于PHP环境的编辑器操作！1.百度...

  • 前端开发常用编辑器，你用过哪几个？

    1.Visual Studio CodeMicrosoft的Visual Studio Code(VS Code)是一个成熟、免费和开源的跨平台集成开发环境(IDE),即允许 开发人员创建、测试和部罢整个项目的复杂软件。 以下是VS Code的一些最受欢迎的功能：- ...

  • html在线编辑器 哪个好用,可视化HTML富文本编辑器有哪些？哪个好用？

    最近在开发一个程序员内部专用的交流平台，需要用上网站编辑器，真的是换了又换，甲方各种不满意。最终，查了相关的资料，得到如下的内容，将分享给大家。一、可视化HTML富文本编辑器有哪些？最常用的可视化HTML富...

  • 谷歌图形化HTML5网页编辑器Google Web Designer

    谷歌图形化HTML5网页编辑器Google Web Designer

  • 【分享】使用cocoscreator2.13开发的一款web在线地图编辑器

    凭借多年的游戏开发经验，用cocoscreator2.13开发了一款web在线地图编辑器，暂且命名为EasyMapEditor，用Google浏览器打开，提供了从在线地图编辑到正式项目运行起来的完整流程，可用于RPG和SLG游戏开发。...

  • Web开发

    什么是web开发？web开始需要学习什么？

  • web编辑器——百度UEditor编辑器使用教程与使用方法

    我们在做网站的时候，网站后台系统一般都会用到web编辑器，今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程，不过看着比较费劲，今天笔者就跟大家分享一下百度UEditor...

  • web设计之：崛起中的九大HTML5开发工具

    web设计之：崛起中的九大HTML5开发工具

  • 个人感觉前端开发好用的三款秒启动代码编辑器

    离开编辑器后自动保存 2. 微软的Visual Studio Code 用于参加工作了的人最合适 下载地址： https://code.visualstudio.com/ 好用的插件： Color Info 供你在 CSS 中使用颜色的相关...

  • 使用 HTML、CSS、JS 和 API 制作一个很棒的天气 Web 应用程序

    ⛅ Weather.io ☔⚓ 第 1 步 - 设置环境并收集所有资源 第 2 步 - 从 index.html 开始 第 3 步 - 设置索引文件的样式 第 4 步 - 获取 Weather API 和 Unsplash API 密钥 第 5 步 - 从 JavaScript 编码开始 第 6 步 -...

  • 用hb编辑一个html,HBuilder：一个不错的web前端IDE(代码编辑器)

    Web前端开发，2000之后基本就是三剑客的天下。到现在DW也是不错的HTMLcoder，如今的前端开发早已是JS的天下。但是DW对于JS方面就弱爆了。DW虽然支持JS语法高亮也支持JQuery JqueryMobile 甚至还支持Phonegap。但是...

  • MATLAB-四连杆机构的仿真+项目源码+文档说明

    <项目介绍> - 四连杆机构的仿真 --m3_1.m: 位置问题求解 --m2_1.m: 速度问题求解 --FourLinkSim.slx: Simlink基于加速度方程的仿真 --FourLinkSim2.slx: Simscape简化模型仿真 --FourLinkSim3.slx: Simscape CAD模型仿真 - 不懂运行，下载完可以私聊问，可远程教学 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------

Global site tag (gtag.js) - Google Analytics