在CkEditor或TinyMce中是否可以将工具栏或菜单栏从编辑器中分离出来？

Question

我在我的网站上使用富文本编辑器ckeditor工作正常，但我希望这看起来像博客使用的文本编辑器，如下图所示。怎么可能？

this is how i want it to be

Answer 1

CKEditor 4.x你有sharedspace插件，允许你在指定的元素中锚定编辑器工具栏，并将它用于你网页上的所有编辑器。

您可以在此处找到包含源代码的共享空间插件演示：https://sdk.ckeditor.com/samples/sharedspace.html

关于将所有工具栏项目移动到一行中。请打开standard或full示例，然后使用Toolbar Configurator。如果删除行分隔符，您将获得单行工具栏。接下来，您只需复制工具栏配置并将其粘贴到config.js（如果您想将其用于所有编辑器）或编辑器实例配置（如果您想将其用于单个编辑器）。

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

Answer 2

如果您使用TinyMCE的内联模式，您可能会得到与此相似的内容。 https://www.tinymce.com/docs/get-started/use-tinymce-inline/

Answer 3

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

https://www.tinymce.com/docs/configure/editor-appearance/#fixed_toolbar_container

根据您的图片，您可以将其放置在位于页面顶部的div中，它将显示在那里而不是＆＃34;附加＆＃34;编辑。