php打开html网页的代码编辑器,HTML编辑器-HTML网页表单可视化在线编辑器插件大全...

DIVCSS5为大家整理常用的网页中嵌入的编辑器插件。html编辑器-HTML网页表单编辑器插件集合整理列表。

网页中html编辑器用于网页提交数据HTML可视化或代码形式编辑插件。比如网站后台提交内容，需要在线编辑(加粗、插入图片、颜色)等样式编辑，留言系统客户留言内容可视化编辑等需求。在源代码模式下可以插入自己写的CSS样式代码，实现编辑内容更加丰富美化！

一、xhEditor编辑器   -   TOP

1、xhEditor开源HTML编辑器介绍

xhEditor开源表单文本HTML编辑器截图

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

2、特点：免费、精简迷你、使用简单、强大Ajax上传、Word完美支持等

3、使用帮助

http://xheditor.com/manual

4、相关链接网址：

官方网站：http://xheditor.com/

官方下载地址：http://xheditor.com/download

二、在线HTML编辑器 KindEditor   -   TOP

1、HTML编辑器 KindEditor介绍

网页编辑器 KindEditor截图

KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

2、KindEditor特点

有免费、有商业付费授权的版本

三、ckeditor html在线编辑器   -   TOP

1、CKEditor介绍

CKEditor(原FCKEditor)截图

CKEditor(原FCKEditor)是一个现成的使用旨在简化Web内容创建HTML文本编辑器。是国外比较流行的网页文本在线编辑器，早期DEDECMS管理后台发布内容地方使用此编辑器，这是一个所见即所得的编辑器，带来了共同的文字处理器的功能，直接到您的网页。加强与我们的社会保持编辑您的网站体验。

2、CKEditor特点：

CKEditor是一个开源应用程序，这意味着它可以修改任何你想要的方式。它有利于从一个活跃的社区，免费的附加组件和一个透明的发展过程中是不断变化的应用。

开源、社区支持、完全可定制、丰富的网站经验、高标准的质量、免费！

四、百度UEditor编辑器   -   TOP

1、HTML编辑器 UEditor介绍

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码.

UEditorMINI,简称UM,是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变，全版本的代码量为125k，而且放弃了使用传统的iframe模式，采用了div的加载方式， 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的pv是对UM各种指标的最好测试平台。 当然随着代码的减少，UM的功能对于UE来说还是有所减少，但我们经过调研和大家对于UM提出的各种意见，提供了现在UM的功能版本， 虽然有删减，但也有增加，比如拖拽图片上传，chrome的图片拖动改变大小等。让UM能在功能和体积上达到一个平衡。UM还会提供 CDN方式，减少大家部署的成本。我们的目标不仅是要提高在线编辑的编辑体验，也希望能改变前端技术中关于富文本技术的门槛，让大家不再觉得这块是个大坑。

百度开发UEditor网页编辑器

2、百度UEditor编辑器特点：

功能全面：涵盖流行富文本编辑器特色功能，独创多种全新编辑操作模式。

用户体验：屏蔽各种浏览器之间的差异，提供良好的富文本编辑体验。

开源免费：开源基于BSD协议，支持商业和非商业用户的免费使用和任意修改。

定制下载：细粒度拆分核心代码，提供可视化功能选择和自定义下载。

专业稳定：百度专业QA团队持续跟进，上千自动化测试用例支持。

UM主要特点列表：

1).基于jQuery开发

2).使用div作为编辑区域的容器，避免失败率，提高加载速度

3).重写了整个UI组件

4). 所有的弹出层使用js模版实现，提高展示速度

5).从UI层中拆解出adapter层，方便扩展和维护

6).编辑命令采用浏览器原生实现，提高执行效率

7).部分保留了底层对于Range的封装，方便日后定制的扩展

8).统一不同浏览器的产出数据(html代码)

9).兼容全浏览器版本