CKEditor5的使用

最新推荐文章于 2024-08-22 10:48:39 发布

香精煎鱼香翅捞饭

最新推荐文章于 2024-08-22 10:48:39 发布

阅读量676

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_44820964/article/details/109774135

版权

1、先下载CKEditor5的zip包，结构如下，把整个文件夹放入webapp中
https://ckeditor.com/ckeditor-5/download/
在这里插入图片描述
2、先引用ckeditor.js，再写script。textarea的id要和script中要寻找的id一致

<textarea id="editor"/>编辑文本</textarea>
<script src="${pageContext.request.contextPath}/ckeditor5-build-classic/ckeditor.js"></script>
<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ), {
        } )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( err => {
            console.error( err.stack );
        } );
</script>

在这里插入图片描述
3、效果图，随便复制几段话进去