几种常用网页文本编辑器总结

文本编辑器应用总结

一．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();

例：

</p><p>lhgeditor小型在线编辑器

二．nicEdit文本编辑器

//默认模式

//new nicEditor().panelInstance('area1');

//All A vailable Buttons

//new nicEditor({fullPanel : true}).panelInstance('area2');

Some Initial Content was in this textarea

//new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');

//自定义按钮

//new nicEditor({buttonList :['fontSize','bold','italic','underline','strikeThrough','subscript',

'superscript','html','image']}).panelInstance('area4');

HTML <b>content</b> <i>default</i> in textarea

//设置文本编辑器的最大高度

//new nicEditor({maxHeight : 100}).panelInstance('area5');

</p><p>HTML <b>content</b> <i>default</i> in textarea</p><p>

三．kindeditor文本编辑器

(1) 支持多种语言php、asp

(2) 功能强大

默认模式

</p><p>KindEditor</p><p>