为了账号安全,请及时绑定邮箱和手机立即绑定

在项目中添加fckeditor支持

标签:
JavaScript

一.在项目中添加fckeditor支持
    将FCKeditor_2.6.4.1目录中的文件夹fckeditor复制到项目的WebRoot中
二.调用fckeditor
    1.使用JavaScript方式
        1).直接调用方式
            i.创建testfckeditor1.jsp文件
            ii.引入fckeditor.js文件
                <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>
            "/":表示当前这个工程
           

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消