CKEditor 一个实例用于多个 ID

CKEditor One instance for multiple ID's

本文关键字：用于 ID 实例 CKEditor 一个      更新时间：2023-09-26

我可以将一个配置用于多个 ID 的 CKeditor 吗？

我的页面中有这个配置：

var editor = CKEDITOR.replace('dsi3',{  
            toolbar :
                [
                    { name: 'basicstyles', items : [ 'Bold','Italic'] },
                    { name: 'paragraph', items : [ 'BulletedList'] }
                ],
            width: "210px",
            height: "140px"
        });

但是我必须一次又一次地为不同的ID过去，而是我想做这样的事情：

var editor = CKEDITOR.replace('dsi3, dsi4, dsi5, dsi6',{    
            toolbar :
                [
                    { name: 'basicstyles', items : [ 'Bold','Italic'] },
                    { name: 'paragraph', items : [ 'BulletedList'] }
                ],
            width: "210px",
            height: "140px"
        });

您可以使用选项的变量。

var editor_config = {
    toolbar: [
        {name: 'basicstyles', items: ['Bold', 'Italic']},
        {name: 'paragraph', items: ['BulletedList']}
    ],
    width: "210px",
    height: "140px"
};
CKEDITOR.replace('dsi3', editor_config );
CKEDITOR.replace('dsi4', editor_config );
CKEDITOR.replace('dsi5', editor_config );
CKEDITOR.replace('dsi6', editor_config );

或者使用 jQuery，匹配所有以"dsi"开头的 id：

$('[id^=dsi]').ckeditor({
    toolbar: [
        {name: 'basicstyles', items: ['Bold', 'Italic'] },
        {name: 'paragraph', items: ['BulletedList'] }
    ],
    width: "210px",
    height: "140px"
});
相关文章：