CKEditor5 前端代码

image.png

导入js

<script src="${pageContext.request.contextPath}/scripts/ckeditor5/ckeditor.js"></script>

html

<div class="centered">
        <div id="editor">
                </div>
  </div>

创建Editor对象

<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ), {
            // toolbar: [ 'heading', '|', 'bold', 'italic', 'link' ]
        } )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( err => {
            console.error( err.stack );
        } );
</script>