网站内容编辑器(几款可视化编辑器都不错，文件还是有点大了基本都是300kb)

　　网站内容编辑器(几款可视化编辑器都不错，文件还是有点大了基本都是300kb)

　　博客、论坛等用户发布文章等网站时，肯定会用到HTML编辑器。最近，我在那个小论坛上找到了几个可视化编辑器。它有点大，基本上在 300kb 左右。

　　下面只讲PHP环境下的编辑器操作！

　　1.百度UEditor编辑器

　　UEditor是百度网页前端研发部开发的所见即所得的富文本网页编辑器。它是轻量级的、可定制的，并且专注于用户体验。它是基于 MIT 协议的开源软件，允许免费使用和修改代码。

　　百度UEditor编辑器使用起来非常简单。首先，从官网下载你需要的版本。百度UEditor有UBuilder版和开发版。

　　UBuilder版可以尝试大家选择自己需要的功能，不会添加无用的功能来精简代码（不过好像根本下载不了）

　　开发版分为PHP、JSP、.NET、ASP版本及完整源代码，选择您需要的下载即可。

　　打开下载后得到的压缩包，里面有index.html的DEMO demo。

　　自定义配置编辑器：

　　新建一个html文件，得到ueditor.all.min.js和ueditor.config.js文件，导入这两个，然后实例化编辑器

　　var ue = UE.getEditor('editor');

　　然后在需要编辑器的地方添加一个脚本。注意这里的type必须是text/plain，否则无效id必须和实例化id一样

　　添加完成后，你会发现编辑器界面有很多按钮。如果只想使用自己需要的，打开ueditor.config.js文件修改配置

　　ctrl+f 发现工具栏后面有很多按钮名称，只保留你需要的，删除你不需要的。

　　百度编辑器提供了很多方法。官网上有很多二次开发，在demo中也有一些获取方式。

　　2.kindeditor 编辑

　　KindEditor是一款开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得的编辑效果。开发者可以使用 KindEditor 将传统的多行文本框替换为可视化的富文本输入框。KindEditor 是用 JavaScript 编写的，可以与 Java、.NET、PHP、ASP 等程序无缝集成。更适合在cms、商场、论坛、博客、维基、邮件等互联网应用中使用。

　　输入 KindEditor 下载编辑器。这个编辑器打开后有多个版本。在这里，选择 PHP 版本并删除 JSP、ASP.NET 和 ASP。

　　kindeditor的demo文件打开php文件夹下的demo.php后已经是表单提交的文件了。

　　default.css 是默认的样式文件

　　prettify.css 是代码高亮样式文件

　　prettify.js 是代码高亮的核心js

　　kindeditor.js 是编辑器核心js

　　配置自定义编辑器：

　　其实demo.php已经提供了一个完整的编辑器提交文件，这里就不再详细解释移植了。

　　选择需要的按钮删除不需要的按钮。也找到kindeditor.js，用ctrl+f搜索item，把不需要的按钮的名字删掉。保留获取项目所需的按钮名称：[

　　'source','|','undo','redo','|','preview','print','template','code','cut','copy','paste',

　　'plainpaste','wordpaste','|','justifyleft','justifycenter','justifyright',

　　'justifyfull','insertorderedlist','insertunorderedlist','indent','outdent','subscript',

　　'上标','clearhtml','quickformat','selectall','|','fullscreen','/',

　　'formatblock','fontname','fontsize','|','forecolor','hilitecolor','bold',

　　'斜体','下划线','删除线','lineheight','removeformat','|','image','multiimage',

　　'flash','media','insertfile','table','hr','emoticons','baidumap','pagebreak','anchor','link','unlink','|','about '

　　],

　　我认为这两个编辑器既好又强大。唯一觉得是文件有点大，找了个特别小的编辑器。

　　tinyeditor 编辑器

　　tinyeditor编辑器不依赖其他js框架，js文件只有8kb，有利于用户快速加载，但是听了这8kb的肯定知道功能很少。。

　　下载地址在最下方，打开压缩包中的index.html文件就可以看到这个编辑器了...

　　样式一见倾心，但功能可实现。8kb js 文件需要什么好的编辑器？基本功能都可以实现。图片用来用js的提示对话框输入图片地址。