Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-06-07 08:44:14
Original
1888 Leute haben es durchsucht

回复内容:

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吧。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage