首页 >web前端 >H5教程 >哪一款 HTML5 编辑器最值得推荐?为什么?

哪一款 HTML5 编辑器最值得推荐?为什么?

WBOY
WBOY原创
2016-06-07 08:44:141916浏览

回复内容:

1. Mercury : HTML5 Powered WYSIWYG Editor
  Mercury 是个全功能的编辑器,包含TinyMCE和CKEditor同样的功能,但又有不同的特性。与iFrames有所不同,它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代码编写,其支持所有的主流浏览器。
  Website/Downoad
  2 Aloha Editor – HTML5 WYSIWYG Editor
  Aloha Editor 是个基于浏览器的富文本编辑器框架。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中。
  Website
  3. Rendra- Online HTML 5 Editor
  Rendra 是个在线HTML5 编辑器,支持用户实时预览,用户可以使用哪个浏览器支持的HTML 5和CSS 3,以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代码编写的。用户可以用Rendra测试JS代码,允许用户利用 jQuery UI,jQuery 工具和插件。
  Website
  4. BlueGriffon: Next Generation HTML5 WebEditor
  BlueGriffon是一个新的WYSIWYG编辑器,跨平台, 支持Windows, Linux and Mac OSX。 该编辑器内置HTML5/CSS3编辑功能,可以轻松地用它来实现传输、文本和边框的阴影、斜体等效果。它使用Google Font Directory 和FontSquirrel addons,可以设置个性化网页字体。
  Website
  5. Maqetta : Open Source Project & HTML5 Editor
  Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。
  Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面。
  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定制化。 Sublime Text 2 =-=st atom brackets都可以试试
...差点看成IDE了 webstorm,唯一缺点是收费 Coda。 vim

又要打架了么?

好吧, st2 Vim 搞这么复杂..
HTML 的 `contenteditable` 属性够用了, 看这里
Demo: Writings.io
作者: 重拾写作乐趣 HBuilder 还在开发中,但是真的很好用。兼容zencoding,各种补全。 Aptana,有单独的studio,也可以做为Eclipse的插件 易企秀、 人人秀、 Maka、兔展 四大H5页面制作工具对比评测

H5这个由HTML5简化而来的词汇,正通过微信广泛传播。H5是集文字、图片、音乐、视频、链接等多种形式的展示页面,丰富的控件、灵活的动画特效、强大的交互应用和数据分析,高速低价的实现信息传播,非常适合通过手机的展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下企业营销的不二利器,常见于企业宣传、活动推广、产品介绍、会议邀请、公司招聘等。

面对四大在线H5互动展示制作工具,企业营销应该如何选择更适合的H5制作工具呢?今天小编就给大家带来四大在线HTML5互动展示工具的评测。

易企秀:

优点:易企秀口号是移动场景自营销管家。是针对移动互联网营销的在线H5场景制作工具,有ios,安卓移动客户端,在手机上也可创建场景应用,动态模板丰富,可以简单、轻松制作基于HTML5的精美手机幻灯片页面。易企秀模板数量大约有1100多个,且用户可以自行上传模板,模板分类标签详细,但精美度一般。

缺点:易企秀的统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象。在模板质量上,模板很一般,在创意、精美程度上都低于其他三家。由于定位是移动场景自营销,在H5定制方面,易企秀起步很慢,而且专业性略显不足。

哪一款 HTML5 编辑器最值得推荐?为什么?易上手度:★★★★★

基础功能:★★★★★

高级功能:★★★

模板数量:★★★★★

模板精美程度:★★

付费服务性价比:★★★★

哪一款 HTML5 编辑器最值得推荐?为什么?

H5方案策划:无

H5新媒体传播:无

总评:★★★★


人人秀:人人秀 | 免费h5页面制作工具,3分钟制作微信H5场景应用 原(we+)

优点:人人秀口号是:三分钟制作互动展示。相较于其他平台,人人秀编辑页面功能按钮设计简洁明了,是keynote风格,功能强大。行业首发功能,如地图导航、事件、艺术字体、预约调研等。模板方面人人秀模板更加精致,动效丰富。同时 人人秀是业内首家支持PC端、手机端、iPad端多终端适配的平台。同时提供H5定制,包括方案策划和新媒体传播。

缺点:

人人秀是电影娱乐高端定制的H5供应商,但平台上免费模板数量上偏少,虽然已经做到周更新,但仍显不足。而且由于主做电影娱乐高端H5定制,个人用户H5定制尚在起步阶段。

哪一款 HTML5 编辑器最值得推荐?为什么?

易上手度:★★★★★

基础功能:★★★★

高级功能:★★★★★

模板数量:★★

模板精美程度: ★★★★

付费服务性价比:★★★★

哪一款 HTML5 编辑器最值得推荐?为什么? 哪一款 HTML5 编辑器最值得推荐?为什么?

H5方案策划:有

H5新媒体传播:有

总评:★★★★


MAKA:

优点:MAKA口号是简单、强大的HTML5创作工具。编辑界面有新手(有模板)和高阶(无模板)两种编辑模式,提供一些特效模板,都是设置好的效果。模板美观,大约60个。

缺点:maka中提供的文字、图片样式都比较有限,不能修改表单,另外要使用数据统计模板也有条件限制。免费版不提供添加外链,更遗憾的是,免费版也不提供自定义动效、支付、导航、预约等功能。VIP账户价格略高,且不提供方案策划、H5传播等高级定制服务。适合对功能要求不高的人。

哪一款 HTML5 编辑器最值得推荐?为什么?

易上手度:★★★★

基础功能:★★★★

高级功能:★★★

模板数量:★★

模板精美程度:★★★

付费账号性价比:★★★

哪一款 HTML5 编辑器最值得推荐?为什么?

H5方案策划:无

H5新媒体传播:无

总评:★★★


兔展:兔展|微信H5页面

优点:兔展口号是像PPT一样制作移动H5页面。分为免费版、体验版、VIP版,相对于其他平台而言,兔展的编辑页面简单易上手, DIY程度较高,动画实现方便。模板多样,大约130个,精美度一般。同时兔展还提供H5定制,包括方案策划和新媒体传播。

缺点:兔展编辑界面大小不可调节,上传的图会比例失调,生成页面后在不同手机型号上显示会存在拉伸现象。兔展免费版仅支持默认功能,体验版和VIP版价格偏高,性价比略低。兔展目前只支持Safari和chrome浏览器。

哪一款 HTML5 编辑器最值得推荐?为什么?

易上手度:★★★★

基础功能:★★★

高级功能:★★★

模板数量:★★★

模板精美程度:★★★

付费账号性价比:★★★

哪一款 HTML5 编辑器最值得推荐?为什么?

H5方案策划:有

H5新媒体传播:有

总评:★★★


综述:上述四大平台都是优秀的H5页面制作平台,都采用了基础功能永久免费,高级功能按需付费的方式,能满足绝大多数企业日常的H5营销需求。

其中,VIP付费账号性价比最高的是 人人秀和兔展;模板数量最多是易企秀;设计感最强的是Maka;高级定制能力最突出的是人人秀。

做一些H5特效的动态页面,以前需要专业技术团队和设计师才能制作。现在通过这四大平台,你几分钟就能免费创作自己的H5页面,赶紧动手尝试一下,做出属于自己的专属H5吧。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn