在線HTML編輯器htmlarea簡(jiǎn)單使用
?
作者:? 胡立新
?
??? 下例是在JSP文件上運(yùn)用HTML在線編輯器，使用了struts的標(biāo)簽。在其它環(huán)境下應(yīng)作適當(dāng)修改。
一、準(zhǔn)備:
??? 下載HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解壓到web站點(diǎn)的/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()">
四、注意點(diǎn):
1、editor = new HTMLArea("content");參數(shù)值是表單中textarea屬性id;
2、在body的onload事件中加載initEditor()；
3、表單onsubmit事件調(diào)用this['content'].value=editor.getHTML()
五、效果：
?
范例：newxy新坐標(biāo)論壇
?
（說(shuō)明：轉(zhuǎn)載時(shí)請(qǐng)不要作任何修改）
posted on 2006-09-04 02:09
newxy新坐標(biāo) 閱讀(4461)
評(píng)論(6) 編輯 收藏