CKeditor内联固定位置

时间:2016-02-10 15:21:12

标签: javascript ckeditor

摘要:是否可以使用内联CKeditor功能,但仍然选择在固定的动态位置显示编辑器?

我目前正在网站编辑器上构建。您可以拖放元素。 每个元素,顶部有一个div,我想要粘贴'我的编辑器。但我不想使用iFrame,因为这会弄乱我的元素的CSS。

首先尝试

使用CKEDITOR.inline()函数后,结果如下所示: Test run 1 这非常令人阻碍,因为栏位于其他元素的顶部。

第二次尝试

我已经为CKeditor下载了一个插件:"共享空间"。这会将栏固定到顶部,这很棒,但由于它创建了一个iframe,因此内容会被隐藏和滚动。对于UX来说这不是很好: Test 2 因为这是一个iframe,所以文本放在具有静态高度的容器中。 我可以设置高度,但是再次:这不是非常用户友好。

问题

我想知道的是如何将浮动的ckeditor固定到我选择的位置?

1 个答案:

答案 0 :(得分:2)

使用内联编辑器和Shared Space的组合。有关示例,请查看CKEditor SDK页面上的Inline Editor with Shared Toolbar and Bottom Bar演示。请注意,您可以查看和下载每个SDK示例的源代码 - 只需向下滚动到"获取示例源代码"并抓住你需要的东西。