45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:怎么样使用在线HTML编辑器?

怎么样使用在线HTML编辑器?

2016-08-27 13:36:03 来源:www.45fan.com 【

怎么样使用在线HTML编辑器?

在线HTML编辑器htmlarea简单使用

作者: 胡立新

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

一、准备:

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

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

<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" 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()

五、效果:

怎么样使用在线HTML编辑器?

范例:newxy新坐标论坛

(说明:转载时请不要作任何修改)

 

本文地址:http://www.45fan.com/a/question/68370.html
Tags: html 编辑器 HTMLArea
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部