如何用CKEditor中的颜色填充整个单元格

Question

我创建了一个插件，允许我在一次单击中将背景颜色放入表格单元格中。 问题是我不知道如何使整个细胞着色。

这是我的插件的代码。

CKEDITOR.plugins.add( 'TrameF', { //meme nom que le dossier associé
    init: function( editor ) {

        editor.addCommand( 'TrameF', {
            exec: function( editor ) {
                
                editor.insertHtml( '<p style=" background-color : #BCE0EA;">'+
                    ' </p> ');
            }
         });
    }
});

有人能帮助我吗？谢谢，祝你有个美好的一天。

Answer 1

您需要获取<td>元素并设置其样式。为此，您需要从您单击的点向后遍历DOM：

var el = editor.getSelection().getStartElement();
while (el) {
    if (el.getName() == 'td' || el.getName() == 'th') {
        el.setStyle('background-color', '#BCE0EA');
        break;
    }
    el = el.getParent();
}