几种常用网页文本编辑器总结
文本编辑器应用总结
一．lhgeditor文本编辑器
lhgeditor组件文件结构：
1. lhgeditor.js：组件的核心JS文件
2. lhgeditor.css：组件的样式表文件
3. images：组件所需的图片都在此文件夹中
以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.js是每个组件都必须用到的文件，记得加载组件前先要加载此文件。
lhgeditor组件使用说明：
1. 在调用组件的页面加载lhgcore.j s和lhgeditor.js两个文件。
2. 在window.onload函数里加入J.editor.add(编辑器的id).init();
例：
二．nicEdit文本编辑器
//默认模式
//new nicEditor().panelInstance('area1');
//All A vailable Buttons
//new nicEditor({fullPanel : true}).panelInstance('area2');
//new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');
//自定义按钮
//new nicEditor({buttonList :['fontSize','bold','italic','underline','strikeThrough','subscript',
'superscript','html','image']}).panelInstance('area4');
//设置文本编辑器的最大高度
//new nicEditor({maxHeight : 100}).panelInstance('area5');
三．kindeditor文本编辑器
(1) 支持多种语言php、asp
(2) 功能强大
默认模式
Multi Language Examples(多语言)
粘贴设置：
禁止粘贴
纯文本粘贴
HTML粘贴
自定义插件
单独调用组件
上传图片弹出框
取色器
四．jsp基本编辑器
使用步骤：
1.把edit.htm 修改为edit.jsp
2.把想要使用的地方包含edit.jsp就行了
代码：
<%@ include file="edit.jsp"%>
注意事项：
在需要引入编辑器的页面中的onload事件，要结合edit.jsp中的事件
五．Xheditor
(1) 解压压缩文件，将其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录
注：如果您网站中没有使用jQuery框架，也请一并上传jquery文件夹中的jquery-1.4.4.min.js (2) 在相应html文件的之前添加
注：如果jQuery之前已经在项目页面中使用，请勿重复添加引用代码
(3).
方法1：在textarea上添加属性：class="xheditor"
例如：
方法2：在您的页面初始JS代码里加上：$('#elm1').xheditor();
$('#elm1').xheditor()；
例如：
$({
$('#elm1').xheditor()；
});
相应的卸载编辑器的代码为
$('#elm1').xheditor(false)；
例：
自定义按钮
1,full(完全):
2,mfull(多行完全):
3,simple(简单):
4,mini(迷你):
5,custom(自定义):
6,自定义多行模式:
皮肤选择
注：为了保持项目精简，同一个页面只能调用一个皮肤，当同一界面同时调用多个皮肤时，最后一个皮肤的按钮面板样式会影响之前的
1,默认皮肤:
2,Office 2007 蓝色:
3,Office 2007 银白色:
4,Vista:
5,NoStyle:
六．Tinymce
使用：
tinyMCE.init({
mode : "textareas",
theme : "simple" //模式
skin : "o2k7",//word
});
默认模式
皮肤设置