2015-05-14 65 views
0

我有一个表格与各种输入字段,如果他们改变我想改变背景颜色我怎样才能改变TinyMCE的背景色平变化使用查询

我用下面的代码,做什么,我需要

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

这个问题是我的领域之一是TinyMCE的领域

这不会影响我的代码

如果我检查01元字段的实际数据在一个隐藏的文本区域举行,显示文本是在iframe

有没有什么办法可以改变改变的背景,如果是如何

回答

2

要改变身体的背景颜色,你可以使用:

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

获取活动编辑器jQuery的元素,只需使用:

$(tinymce.activeEditor) 

Ë DIT:

你必须单独处理事件,因为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' }); 
}); 
+0

这是一个非常有用的开始感谢。它改变背景颜色。但我无法解决如何使用myscript调用它。目前我正在监视textarea的变化,输入和选择我还需要检查tinymce何时更改 – mjsolo

+0

textarea输入是您的tinymce编辑器,所以我认为您可以执行类似'$(tinymce.activeEditor).on( 'change',function(){...});' – kosmos

+0

我试过 - 没有工作:( – mjsolo