Fckeditor的使用（一）：Fckeditor安装与例子

最新推荐文章于 2021-03-11 02:57:38 发布

lishushan

最新推荐文章于 2021-03-11 02:57:38 发布

阅读量129

点赞数

分类专栏： FckEditor 文章标签： fckeditor JavaScript JSP HTML ViewUI

本文链接：https://blog.csdn.net/lishushan/article/details/83533413

版权

FckEditor 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.安装

把FCKeditor_2.6.3.zip解压后的内容拷到WebRoot下。

2.使用

修改

三种方法：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
    <title>My JSP 'index.jsp' starting page</title>
</head>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>

    <script type="text/javascript">
        //第一种方法
        var oFCKeditor = new FCKeditor('FCKeditor1');
        oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
        oFCKeditor.Width = "70%";
        oFCKeditor.Height = "150";
        oFCKeditor.Value = "default"
        oFCKeditor.Create();
    </script>

    <script type="text/javascript">

        window.onload = function() {
            //第二种方法
            var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
            oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
            oFCKeditor.ReplaceTextarea() ;
            //第三种方法
            var div = document.getElementById("myFCKeditor");
            var fck = new FCKeditor("myFCKeditor");
            fck.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
            div.innerHTML = fck.CreateHtml();
        }
    </script>

<body>
    <br/>Method 2<br/>
    <textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
     <br/>Method 3 <br>
     <div id="myFCKeditor">
     </div>
</body>
</html>

lishushan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Fckeditor的使用（一）：Fckeditor安装与例子

1.安装把FCKeditor_2.6.3.zip解压后的内容拷到WebRoot下。2.使用 &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;My JSP 'index.js
复制链接

扫一扫

专栏目录