在线HTML编辑器htmlarea简单使用

来源：互联网发布：企业宣传册制作软件编辑：程序博客网时间：2024/05/13 08:45

在线HTML编辑器htmlarea简单使用

作者: 胡立新

下例是在JSP文件上运用HTML在线编辑器，使用了struts的标签。在其它环境下应作适当修改。

一、准备:

下载HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解压到web站点的/htmlarea目录下；

二、定义javascript的全局变量及引入js文件:

有句editor = new HTMLArea("content");"content"是表单中textarea属性的id，如：

      <html:form action="/actionBbsreply.do?method=update" onsubmit="this['content'].value=editor.getHTML();">
        <textarea cols="110" rows="15" id="content" name="content">
          <bean:write name="bbsreply" property="content"/>
        </textarea>
        <html:submit value=" 提交 ">
        </html:submit>
      </html:form>

三、在body的onload事件中加载initEditor():

如：<body bgcolor="#ffffff" onload="initEditor()">

四、注意点:

1、editor = new HTMLArea("content");参数值是表单中textarea属性id;

2、在body的onload事件中加载initEditor()；

3、表单onsubmit事件调用this['content'].value=editor.getHTML()

五、效果：

范例：newxy新坐标论坛

（说明：转载时请不要作任何修改）