Question

所以我有一个包含几个textareas的页面，用于我制作的自定义表单。我可以通过它的ID来定位单个textarea，但我想知道是否有一个简单的方法让CKeditor内联目标所有textareas元素或者让编辑选择元素。目前我已经为彼此设置了ID，但它们各自都是独一无二的，试图找出最好的方法，但我对javascript不太好，并希望得到一些帮助。

Current code:
<script>
CKEDITOR.inline( 'ID');
</script>

寻找能够定位所有文本区域或目标类而不是ID的代码。

Answer 1

使用CKEDITOR.document.find：

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

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

您还可以使用官方jQuery adapter：

$( '.foo' ).ckeditor( function() { 
    // Callback function code.
}, { 
    // Config options here
} );

Answer 2

您可以使用此：

$(".ckeditor").each(function () {
         CKEDITOR.replace( $(this).attr("name") );
});

Answer 3

此示例说明如何使用CKEditor实例自动替换给定类的所有<textarea>元素。

要替换<textarea>元素，只需为其分配ckeditor类，如下面的代码所示：

<script src="https://cdn.ckeditor.com/4.11.4/standard/ckeditor.js"></script>

<textarea class="ckeditor" name="editor1"></textarea>
<textarea class="ckeditor" name="editor2"></textarea>
<textarea class="" name="editor3"></textarea>

请注意，其他属性（例如id或name）需要根据您的文档进行调整。

ckeditor replacebyclass

CKEditor Inlineditor - 按类而不是ID选择

3 个答案: