移动 CKEditor 内联工具栏答案

【问题标题】：Move the CKEditor inline toolbar移动 CKEditor 内联工具栏
【发布时间】：2020-09-25 04:00:46
【问题描述】：

我正在使用 CKEditor 4 内联。是否可以更改工具栏位置，例如超过编辑器 div 50px？

谢谢！

【问题讨论】：

【解决方案1】：

如果你想保持这种“浮动工具栏”的行为，那么你可以使用these settings来移动它。

但是如果你想把工具栏放在一个地方，那么请检查这个插件：http://ckeditor.com/addon/sharedspace

有一个示例，但是你需要用这个插件构建一个 CKEditor 包，然后你才能检查它。

【讨论】：

【解决方案2】：

如果您想将其放置在编辑器 div 上方 50 像素处，您只需将 margin-top: -50px; 指定给工具栏元素即可。

【讨论】：

【解决方案3】：

感谢 Harish，我找到了一种使它适用于 CKEditor 5: Inline Editor 的方法。这是从当前位置相对移动工具栏的方法。

.ck.ck-toolbar-container {
  margin-top: -24px;
  margin-left: 48px;
}

【讨论】：