jquery - “富文本编辑器”自动出现在 ckeditor 的顶部

Question

当我使用类似于下面示例代码的ckeditor5文本编辑器时，标题为“富文本编辑器”的文本会自动出现在顶部！我查找和删除相关设置的搜索没有返回任何结果。请指导我

 <script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js"> 
 </script>
 <div id="editor">
 </div>
   <script>
ClassicEditor
    .create( document.querySelector( '#editor' ) )
    .catch( error => {
        console.error( error );
    } );
</script>

标签： jqueryjquery-uickeditorckeditor4.xckeditor5

Answer 1

我有同样的问题，但我发现这件事很有趣： https ://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html

这里是经典的编辑器，如果你看一下 DOM，有相同的标签

<label class="ck ck-label ck-voice-label" id="ck-editor__label_[id]">Rich Text Editor</label>

但款式有

.ck.ck-voice-label {
    display: none;
}

因此，我们还需要包含样式，甚至通过修改复制它们。实际上，还有一种方法可以重新创建编辑器视图来自定义它，但我认为您需要做的就是使用经典构建，而不是编辑器。经典版本已经有这种风格。