CKEditor 5 InlineEditor - 如何配置工具栏？

我正在试用CKEditor 5 InlineEditor。我想修改工具栏添加其他选项。例如，以下脚本：CKEditor 5 InlineEditor - 如何配置工具栏？

<script type="text/javascript"> 
InlineEditor 
    .create(document.querySelector('#personal-life', { 
     toolbar: [ 'headings', 'bold', 'italic', 'underline', 'link', 'bulletedList', 'numberedList', 'blockQuote' ], 
    })) 
    .catch(error => { 
    console.error(error); 
}); 
</script>

它仍显示默认工具栏，而不是指定的工具栏。文档中的示例显示了ClassicEditor。是否可以使用InlineEditor？如果是这样，我做错了什么？

编辑：正如书面，有一个错字。工具栏对象应该是.create而不是.querySelector的第二个参数的第二个参数。正如所写的，编辑工作正常。除了工具栏问题。当错字被固定时，它根本不起作用。

来源

2017-10-20 Russell Salsbury

我创建了一个js小提琴，它看起来像一切都很好：https://jsfiddle.net/9vthmvLc/。

<div id="editor"> 
    Lorem ipsum 
</div> 

InlineEditor.create(
    document.getElementById('editor'), 
    { 
    toolbar: [ 'headings', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ], 
    } 
);

小提琴使用从CDN下载的CKEditor 5。我也通过zip下载在本地进行了测试。

请记住，下划线不包含在默认构建中，因此我将其从工具栏配置中删除。也许这就是你困惑的原因。 Here和here是在默认版本中不包括下划线的一些解释。如果您出于某种原因确实需要它，请考虑creating your own build。

来源

2017-10-24 09:35:07

谢谢。我看到的所有例子都是针对经典编辑器的。我认为InlineEditor具有类似的功能。新手错误。 –

CKEditor 5 InlineEditor - 如何配置工具栏？

回答

相关问题