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

如何解决“富文本编辑器”自动出现在ckeditor的顶部

当我使用类似于下面示例代码的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>

解决方法

我有同样的问题，但我发现这个东西很有趣： 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;
}

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