基于J2EE Web组件技术的课程设计实训项目——《BBS论坛系统》——应用HTMLArea在线编辑器插件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
// that load the plugin and the language file, based on the
// global variable ng (defined in the lang file,
// in our case "lang/en.js" loaded above).
杨教授大学堂 精心创作的优秀程序员 职业提升必读系列资料
基于 J2EE Web 组件技术的课程设计实训项目——《BBS 论坛系统》—— 应用 HTMLArea 在线编辑器插件
1.1.1 在项目中的应用 HTMLArea 在线编辑器以提高用户操作的方便性 1、应用在线编辑器以提高用户操作的方便性 (1)将在线编辑器的代码及相关的页面和*.js 文件拷贝到本系统中的某个目录下
<script type="text/javascript">
var editor = null;
function initEditor() {
// create an editor for the "ta" textbox editor = new HTMLArea("bbsMessage"); //此名称应该与后面的 TextArea 的 id 名称一 致!
HTMLArea.loadPlugin("FullPage");
HTMLArea.loadPlugin("CSS");
HTMLArea.loadPlugin("ContextMenu");
</script>
杨教授大学堂,版权所有,盗版必究。 3/17 页
杨教授大学堂 精心创作的优秀程序员 职业提升必读系列资料
// WARNING: using this interface to load plugin
// will _NOT_ work if plugins do not have the language
// loaded by HTMLArea.
// In other words, this function generates SCRIPT tags
<html
xmlns="/1999/xhtml"><!--
InstanceBegin
template="/Templates/BBSTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
// register the FullPage plugin
editor.registerPlugin(FullPage);
// register the SpellChecker plugin
editor.registerPlugin(TableOperatioSpellChecker plugin
String userName=(String)session.getAttribute("userName");
杨教授大学堂,版权所有,盗版必究。 2/17 页
杨教授大学堂 精心创作的优秀程序员 职业提升必读系列资料
String userID=(String)session.getAttribute("userID");
// If this lang file is not found the plugin will fail to
// load correctly and nothing will work.
HTMLArea.loadPlugin("TableOperations");
HTMLArea.loadPlugin("SpellChecker");
String bbsTitleID=(String)session.getAttribute("bbsTitleID");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(2)利用 hidden 字段来获得所编辑的文本 <html:hidden property="content" /> 并且其名称为 content
(3)利用 JavaScript 代码来获得所编辑的文本 var bbsMessageHTMLText=getHTML(); document.getElementById("content").value=bbsMessageHTMLText;
(2)在系统的 BBS 发表和回复等功能页面中应用该在线编辑器
杨教授大学堂,版权所有,盗版必究。 1/17 页
杨教授大学堂 精心创作的优秀程序员 职业提升必读系列资料
2、在应用在线编辑器时所应该要注意的问题 (1)表单的名称应该为 form
<html:form action="/bbsManagerAction.do?action=goSendOrPreView" method="post" styleId="form" >
3、BBS 信息发表功能页面的代码示例——黑体部分的代码为在线编辑器相关的功能代码 <%@ page contentType="text/html;charset=gb2312" isELIgnored="false" %> <%@ page errorPage="${pageContext.request.contextPath/errorDeal/showSystemError.jsp" %> <%
<script type="text/javascript">
_editor_url = "./";
_editor_lang = "en";
</script>
<script type="text/javascript" src="htmlarea.js"></script>
<script type="text/javascript">