一.在项目中添加fckeditor支持
将FCKeditor_2.6.4.1目录中的文件夹fckeditor复制到项目的WebRoot中
二.调用fckeditor
1.使用JavaScript方式
1).直接调用方式
i.创建testfckeditor1.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.创建fckeditor编辑器
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Create() ;
</script>
注:可以从FCKeditor_2.6.4.1\fckeditor\_samples\default.html中选择
FCKeditor - JavaScript - Sample 1 获取
2).替换多行文本框的方式
i.创建testfckeditor2.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.创建多行文本框
<textarea rows="10" cols="40" name="myeditor"></textarea>
iv.创建javascript脚本
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor('myeditor') ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
注:可以从FCKeditor_2.6.4.1\fckeditor\_samples\default.html中
选择FCKeditor - JavaScript - Sample 2获取
FCKeditor中的参数值必须与多行文本框中的name值相同
2.使用自定义标签方式实现
1).导入相关jar包
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
java-core-2.4.1.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar
2).创建testfckeditor3.jsp文件
引入标签库
<%@ taglib prefix="fck" uri="http://java.fckeditor.net" %>
添加标签
<FCK:editor instanceName="myFCKEditor" basePath="/fckeditor" ></FCK:editor>
"/":表示当前这个工程
在钢城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站建设、网站制作 网站设计制作按需定制,公司网站建设,企业网站建设,品牌网站建设,网络营销推广,外贸网站建设,钢城网站建设费用合理。
本文名称:在项目中添加fckeditor支持
网页链接:https://www.cdcxhl.com/article26/jijpjg.html
成都网站建设公司_创新互联,为您提供手机网站建设、软件开发、网站排名、全网营销推广、品牌网站设计、网站内链
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联