在线HTML编辑器htmlarea简单使用

最新推荐文章于 2021-06-03 06:20:13 发布

iteye_9247

最新推荐文章于 2021-06-03 06:20:13 发布

阅读量145

点赞数

文章标签： HTML JavaScript Struts Bean JSP ViewUI

在线HTML编辑器htmlarea简单使用

作者: 胡立新

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

[b]一、准备:[/b]

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

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

<script type="text/javascript">
_editor_url = "${pageContext.request.contextPath}/htmlarea/";
_editor_lang = "en";
</script>

<script type="text/javascript" src="${pageContext.request.contextPath}/htmlarea/htmlarea.js"></script>

<script type="text/javascript">
var editor = null;
function initEditor() {
editor = new HTMLArea("content");
editor.generate();
}
</script>

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

<html:form action="/actionBbsreply.do?method=update" οnsubmit="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>

[b]三、在body的onload事件中加载initEditor():[/b]

如：<body bgcolor="#ffffff" οnlοad="initEditor()">

[b]四、注意点:[/b]

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

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

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

[b]五、效果(略)：[/b]

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

iteye_9247

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在线HTML编辑器htmlarea简单使用

在线HTML编辑器htmlarea简单使用作者: 胡立新下例是在JSP文件上运用HTML在线编辑器，使用了struts的标签。在其它环境下应作适当修改。[b]一、准备:[/b] 下载HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解压到web站点的/htm...
复制链接

扫一扫