javascript - CKEditor 5 工具栏固定位置

Question

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

我怎样才能让它留在我的固定标题/导航下？

标签： javascriptckeditorcss-positionckeditor5

Answer 1

我设法找到了答案：

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

例子：

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