Ø 在线编辑器建议使用开源的FCKeditor,FCKeditor官方网站下载地址
Ø 需要下载的是两个文件夹:FCKeditor_2.6.6及fckeditor-java-2.4-bin。(此非最新版本版本)前者是解压开后即fckeditor在线编辑器,后者为fckeditor应用在java上的核心包。
Ø 接下来开始安装fckeditor,解压FCKeditor_2.6.6后得到fckeditor文件夹。将该文件夹复制到项目的webroot目录下。
Ø 然后通过在页面中调用的方式实现fckeditor的使用。具体的调用方法有两种:一、通过javascript调用(推荐)。首先在新建的jsp页面的开头部分声明引入js标签
<%String contextPath=request.getContextPath(); %>
<script type="text/javascript" src="<%=contextPath %>/fckeditor/fckeditor.js"></script>
以上的contextPath是为了解决相对路径的问题,即站点的根路径webroot
接下来在body部分应用script代码。例如:
<s:form action="saveDrafts.action" method="post">
<table >
<s:textfield label="题目(非空)"/>
<s:textarea rows="19" cols="97" label="内容"></s:textarea>
<s:select label="权限" list="#{'2':'仅自己可见','1':'公开'}"/>
<script type="text/javascript">
var oFCKeditor=new FCKeditor("personal_Notes.Neirong");
oFCKeditor.BasePath= "<%=contextPath %>/fckeditor/";
oFCKeditor.Height=300;
oFCKeditor.ToolbarSet="itcastbbs";
oFCKeditor.ReplaceTextarea();
</script>
<s:submit value="存草稿" method="savePersonal_Notes2"/>
<s:submit value="发表笔记" method="savePersonal_Notes"/>
</table>
</s:form>
在以上的打代码中,通过script引用,新建一个fckeditor对象,并将它的内容赋值给textarea传入到数据库,注意,textarea的名字和fckeditor的对象的名字必须相同。oFCKeditor.BasePath即fckeditor文件夹里面被调用内容的路径。ToolbarSet属性的值为工具栏的名字,可以自己新建一个工具栏调用。
SSH2 struts2 FCKeditor在线编辑器实现
内容版权声明:除非注明,否则皆为本站原创文章。