目前还没有这种可视化编辑工具，基本都是手敲的。
创新互联是专业的沙雅网站建设公司，沙雅接单;提供网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行沙雅网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
富文本编辑器，Multi-function Text Editor， 简称 MTE， 它提供类似于 Microsoft Word 的编辑功能，容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。
刚一开始，我用了项目原本使用的富文本编辑器 vue-html5-editor ，但发现并不能实现不编辑文字又能改样式，这时的我还没有意识到事情的严重性，以为只是个例，于是我又找了另一款富文本编辑器。
轻量级、开放源代码、所见即所得、无任何插件的在线公式编辑器。CKEditor与jQuery应用的十分广泛，不再过多介绍。需要指出的是MathQuill，使用HTML+CSS+JS实现公式编辑的效果，他把DOM的力量发挥到了极致。
) L2阶段及之后 富文本编辑器已具备数据模型抽象能力，此时只需要在数据结构中新增/编辑定义好的数据对象，并绑定渲染的HTML结构即可： 2) L2阶段之前， 富文本数据未进行数据模型的抽象。
SublimeText SublimeText是一个跨平台的代码编辑器，同时支持Windows、Linux、MacOSX等操作系统，也是HTML和散文先进的文本编辑器。
AdobeDreamweaverCS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其FluidGrid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。
Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。
是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。
HTML编辑用微软自带的记事本或写字板就可以编写，用WPS或Word来编写也可以，不过保存时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。HTML其实是文本，它需要浏览器的解释。
1、四mobl mobl是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl可方便构建手机web应用程序，包括iOS、Android和其他支持HTML5技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。
2、Initializr Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
3、AdobeDreamweaverCS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其FluidGrid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。
4、常用的写代码软件有以下几个：WebStorm。WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。SublimeText。
记事本也可以编辑html5，html本质就是个文本文档，只要是个编辑器就可以编辑。新手用dw，熟练者都手写代码，Sublime Text，Editplus，UltrlEdit，Notepad这些高级文本编辑器都可以。
HTML编辑用微软自带的记事本或写字板就可以编写，用WPS或Word来编写也可以，不过保存时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。HTML其实是文本，它需要浏览器的解释。
IE9从投入开发就准备支持HTML5 GPU硬件加速，但第一个预览版并未实现，一直等到现在。特别令人激动的是，开发人员无需为这个新特性重新编写他们的网站，现在使用的HTML、CSS、脚本等标记会直接加速。
一Microsoft FrontPage 如果你对Word很熟悉，那么用FrontPage进行网页设计就没问题。FrontPage功能强大，简单易用，是现有网页设计软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。
基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。
按插入相片按钮，点“选择”； 选背景颜色，按完成。 复制粘贴法： 选择相片右键点“复制”， 进入网页改内容指定位置， 点击“粘贴”即可。 动画的提取大体与上相同。
有几种方法可以实现，不用服务器，有两种：cookie或sessionStorage（html5内容），最好不要用，有时间限制，不能存放大量内容。html5的新内容，localStorage，现在最新的浏览器还是能支持的。
不同于简单替换图片文字，专业的h5页面制作工具有丰富的交互功能可供使用，制作出来的h5页面更酷炫和丰富，使用户印象深刻，比较知名的工具有：epub360等。
AdobeDreamweaverCS6AdobeDreamweaverCS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其FluidGrid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。
1、Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。
2、在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。
3、WebStorm WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。
4、在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。
5、第【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。