CKEditor 5工具栏固定位置

时间:2018-10-03 07:52:42

标签: javascript ckeditor css-position ckeditor5

在CKEditor 5 classic中添加长内容时,滚动时工具栏将固定在浏览器窗口的顶部。
但是我有一个固定的白色徽标区域,下面有一个菜单栏,工具栏出现在它们上方:

enter image description here

如何使它停留在固定的标题/导航下?

1 个答案:

答案 0 :(得分:2)

我设法找到了答案:

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

示例:

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