一、引入ckeditor
在java中导入CKeditor,总共需要三步:
1、将ckeditor的解压包整个放进项目中
2、在HTML的<head>标签中添加导入的语句:
<script type="text/javascript" src="F:\fuhong-Work\fuhong_edu\icode-console\src\main\resources\static\ckeditor5-build-classic\ckeditor.js"></script>
<!--当然也可选择cdn版本的,这样的好处是不用去官网下载CDeditor包导入项目-->
<!--下面是从cdn版本的包引入方式>
<script type="text/javascript" src="https://cdn.bootcss.com/ckeditor/4.11.4/ckeditor.js"></script>
这里有两点需要注意,可能会出现问题的:
(1)type的属性值最好是“text/javascript”,有人会写成“text/script”,这样会导致CKeditor导入无效
(2)src这里,我这里用的是绝对路径。之前用相对路径的时候也会导致ckeditor导入无效。
3、在引入完ckeditor后,需要在引入这个富文本的地方,定义一个<textarea>,然后在<script>中用js将他替换掉
<textarea name="article.content"id="contentId