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

文本编辑器应用总结 一． lhgeditor文本编辑器 lhgeditor组件文件结构： 1. lhgeditor.js： 组件的核心JS文件 2. lhgeditor.css：组件的样式表文件 3. images：组件所需的图片都在此文件夹中 以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.js是每个组件都必须用到的文件，记得加载组件前先要加载此文件。 lhgeditor组件使用说明： 1. 在调用组件的页面加载lhgcore.js和lhgeditor.js两个文件。 2. 在window.onload函数里加入J.editor.add(编辑器的id).init(); 例： script type=text/javascript window.onload = function() { J.editor.add(elm1).init(); } /script form action=_postdate.asp method=post target=_blank div textarea name=elm1 id=elm style=width:600px;height:300px; lhgeditor小型在线编辑器/textarea /div input type=submit value=Submit / /form 二． nicEdit文本编辑器 script type=text/javascript bkLib.onDomLoaded(function() { new nicEditor().panelInstance(area1); 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); }); /script //默认模式 //new nicEditor().panelInstance(area1); textarea cols=50 id=area1/textarea //All Available Buttons //new nicEditor({fullPanel : true}).panelInstance(area2); textarea cols=60 id=area2Some Initial Content was in this textarea/textarea //new nicEditor({iconsPath : ../nicEditorIcons.gif}).panelInstance(area3); textarea cols=50 id=area3/textarea //自定义按钮 //new nicEditor({buttonList :[fontSize,bold,italic,underline,strikeThrough,subscript, superscript,html,image]}).panelInstance(area4); textarea cols=50 id=area4HTML bcontent/b idefault/i in textarea/textarea //设置文本编辑器的最大高度 //new nicEditor({maxHeight : 100}).panelInstance(area5); textarea style=height: 100px; cols=50 id=area5 HTML bcontent/b idefault/i in textarea /textarea 三． kindeditor文本编辑器 (1) 支持多种语言php、asp (2) 功能强大 默认模式 script charset=utf-8 src=../kindeditor-min.js/script script charset=utf-8 src=../lang/zh_CN.js/script script var editor; KindEditor.ready(function(K) { ed