在jsp上嵌入CKEditor编辑器（亲测有效）

最新推荐文章于 2020-12-19 21:12:43 发布

HusGoose

最新推荐文章于 2020-12-19 21:12:43 发布

阅读量1.1k

点赞数 3

本文链接：https://blog.csdn.net/qq_43392001/article/details/89514564

版权

CKEditor即大名鼎鼎的FCKeditor，改版后更名为CKeditor。这应该是和它的开发公司CKSource(波兰华沙的公司)的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK更改为CK。

1、下载CKEditor。
链接：https://ckeditor.com/
在这里插入图片描述
我用的是CKEditor 4。建议下载完全包（Full Package），功能，组件多一点，当然看自己喜好选择。

2、我们将下载好的压缩包解压
在这里插入图片描述
3、将解压后的文件放入我们的web工程中，即WebContent根目录下。

4、将将CKEditor添加到我们的jsp页面中。
首先，创建一个包含元素的简单HTML页面。然后，您需要做两件事：
(1)用js在页面中包含加载CKEditor 的元素。
(2)使用该CKEDITOR.replace()方法用CKEditor 替换现有元素。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CKeditor Demo</title>

<script src="./ckeditor/ckeditor.js"></script><!--  注意，这里的src地址为 ckeditor中ckeditor.js 文件的位置，请根据您自己的地址填写 -->
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

在这里插入图片描述

效果如图：
在这里插入图片描述
至此，我们就已将CKEditor嵌入了我们的jsp中。

HusGoose

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
在jsp上嵌入CKEditor编辑器（亲测有效）

CKEditor即大名鼎鼎的FCKeditor，改版后更名为CKeditor。这应该是和它的开发公司CKSource(波兰华沙的公司)的名字有关吧，该公司的另一个产品为CKFinder（一个Ajax文件管理器），这次可能为了保持一致，将FCK更改为CK。1、下载CKEditor。链接：https://ckeditor.com/我用的是CKEditor 4。建议下载完全包（Full Pack...
复制链接

扫一扫