ckeditor - 如何将所有文本区域元素定位为 CKeditor Inline

Question

我是 CKeditor 的新手，希望将其设置在我的页面上。我有一个相当复杂的 HTML 表单，其中包含大约 13 个文本区域。我尝试在页面上加载 13 个编辑器，这可行，但对于用户来说却很困惑且难以承受。我希望编辑器的工具栏仅在用户单击(聚焦)文本区域框时显示，然后在单击时隐藏工具栏。

我真的很喜欢他们的内联编辑器，这正是我想要的，但一直在努力让 ckeditor 通过内联定位并加载我的所有 13 个文本区域元素。我已经阅读了很多网站，但找不到解决我的问题的方法。我已经尝试过下面的公式，该公式应该通过其类来定位元素，但似乎内联不能同时容忍多个实例。有人知道如何对页面上的所有文本区域元素进行内联工作吗？

这是我尝试过的代码，但效果不好。

var elements = CKEDITOR.document.find( '.foo' ),
    i = 0,
    element;

while ( ( element = elements.getItem( i++ ) ) {
    CKEDITOR.inline( element );
}

Answer 1

您可以使用 jquery 中的“each”方法循环遍历每个文本区域并将其分配给内联编辑器。我知道这是可行的，因为我刚刚在一个工作项目中实现了它。就像这样:

$("textarea").each(function(){
    CKEDITOR.inline( this );
});