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

Question

我正在尝试使用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的第二个参数.正如所写,编辑工作正常.除了工具栏问题.当错字被修复时,它根本不起作用.

Answer 1

我创建了一个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下载.

请记住,默认构建中不包含下划线,因此我将其从工具栏配置中删除.也许这就是你感到困惑的原因.这里和这里有一些解释,不包括默认构建中的下划线.如果您出于某种原因确实需要它,请考虑创建自己的构建.