CKEditor 5 工具栏固定位置

Bar*_*kse 3 javascript css-position ckeditor ckeditor5

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

在此处输入图片说明

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

Bar*_*kse 5

我设法找到了答案:

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

例子:

ClassicEditor.defaultConfig = {
toolbar: {      
    viewportTopOffset : 50,    <-- height of fixed header
    items: [
        'heading',
        '|',
        'highlight',
        '|',
        'bold',
        'italic',
        ...
Run Code Online (Sandbox Code Playgroud)