CKEditor 5 工具栏固定位置

CKEditor 5 toolbar fixed position

当您在 CKEditor 5 经典版中添加长内容时,滚动时工具栏固定在浏览器的顶部 window。
但是我有一个固定位置的白色徽标区域,下方有一个菜单栏,工具栏出现在它们上方:

如何让它保持在我的固定 header/navigation 之下?

我找到了答案:

  1. 您必须安装 npm install --save @ckeditor/ckeditor5-ui
  2. 添加到配置:viewportTopOffset : Number

示例:

ClassicEditor.defaultConfig = {
toolbar: {      
    viewportTopOffset : 50,    <-- height of fixed header
    items: [
        'heading',
        '|',
        'highlight',
        '|',
        'bold',
        'italic',
        ...