使用CKEditor实现富文本输入

使用CKEditor实现富文本输入

1 下载CKEditor

下载地址：https://ckeditor.com/ckeditor-4/download/

2 放在webapp路径下

3 在html页面添加语句

//富文本输入框
 <textarea  name="editor01" id="editor01" rows="10" cols="80">
         This is my textarea to be replaced with CKEditor 4.
</textarea>

<script type="text/javascript">CKEDITOR.replace('editor01');</script>  //一定要有

<script th:src="@{/ckeditor/ckeditor.js}"></script>

4 显示效果

详细操作请见官方文档：https://ckeditor.com/docs/ckeditor4/latest/index.html