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

Question

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

我使用下面的代码来完成我所需要的

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

问题出在我的一个 tinymce 字段上

这不受我的代码影响

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

有什么方法可以更改更改背景，如果可以，如何更改

Answer 1

要更改正文背景颜色，您可以使用:

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

要将事件编辑器作为 jQuery 元素获取，只需使用:

$(tinymce.activeEditor)

编辑:

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

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

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

上次编辑:

要使其正常工作，您必须在 window 加载后注册事件，如下所示:

// this is for v3
$(window).load(function() { 
    tinyMCE.activeEditor.onChange.add(function(){ this.contentDocument.body.style.backgroundColor = '#D6FFD6' }); 
});