如何使用查询更改tinymce背景的颜色

Question

我有一个包含各种输入字段的表单，如果他们更改，我想更改背景颜色

我使用以下代码来完成我需要的工作

$( document ).ready(function() {
    $('textarea, input, select').change(function () {
        $(this).css({ 'background': '#D6FFD6' });
    });
});

问题出现在我的一个字段中，这是一个小字段

这不受我的代码

的影响

如果我检查TinyMCE字段的元素，实际数据会保存在隐藏的文本区域中，而显示的文本位于iframe中

有什么方法可以改变变化的背景，如果有的话，

Answer 1

要更改您可以使用的身体背景颜色：

DataContract

要将活动编辑器作为jQuery元素，只需使用：

class UtilsClass {
    selectDom(element: string | HTMLElement):Array<HTMLElement> {
        //Here will come the "magic-logic"
    }
}

修改

你必须单独处理事件，因为textarea元素被编辑器替换（这适用于v4版本）：

tinymce.activeEditor.contentDocument.body.style.backgroundColor = '#f0f0f0';

上次修改

要使其正常工作，您必须在加载$(tinymce.activeEditor) 后注册事件，如下所示：

$('textarea, input, select').change(function () {
    $(this).css({ 'background': '#D6FFD6' });
});

tinymce.activeEditor.on('change', function(){
    this.contentDocument.body.style.backgroundColor = '#D6FFD6';
});