Javascript 在CkEditor或TinyMce中是否可以从编辑器中拆分工具栏或菜单栏？

我在我的网站上使用了富文本编辑器ckeditor，它工作得很好，但我希望它看起来像博客使用的文本编辑器，如下图所示。怎么可能呢

---

如果使用TinyMCE的内联模式，您可能会得到类似的结果

如果使用TinyMCE的内联编辑选项，则可以为其工具栏/菜单栏定义一个固定位置：

根据您的图片，您可以将其放置在页面顶部的div中，它将显示在那里，而不是“附加”编辑器。

CKEditor 4.x您有一个插件，该插件允许您将编辑器工具栏锚定在指定元素中，并将其用于您网页上的所有编辑器

您可以在此处找到sharedspace插件的演示及其源代码：

关于将所有工具栏项移动到一行中。请打开或试用

工具栏配置器

。如果删除行分隔符，将获得单行工具栏。接下来，您只需复制工具栏配置，并将其粘贴到

config.js

（如果您想将其用于所有编辑器）或编辑器实例配置（如果您想将其用于单个编辑器）

---

注意：该示例中的可用空间太小，无法在一行中容纳所有按钮，但当然，在您的网页上，可用空间可能更大

您需要编辑器工具之间的垂直条。对吗？不，我想把工具栏和编辑器分开，使它比编辑器宽，如图所示