使用javascript动态更改TinyMCE编辑器的背景

我有一个注释字段和一个输入textarea，它是一个tinymce编辑器。我有一个名为admin的复选框，如果单击此复选框，tinymce的主体应该将颜色更改为粉红色，如果未勾选，它应该是白色的。我使用JavaScript并使用onclick方法动态更改它。使用javascript动态更改TinyMCE编辑器的背景

下面是HTML代码：

<table> 
    <tr> 
     <td><span>New Comment :</span></td> 
    </tr> 
    <tr> 
     <textarea></textarea> 
    </tr> 
</table> 
<div> 
    <div align="left"> 
     <input name="cbAdmin" type="checkbox" id="cbAdmin" value="Admin" onClick="SetCommentColor()"/> 
     <label>Administrator Only</label> 
    </div>

这里是使用的JavaScript：

function SetCommentColor() { 
    if (document.form2.cbAdmin.checked == true) { 
     color = 'pink'; 
    } else { 
     color = 'white'; 
    } 
    var t = tinyMCE.getInstanceById('eComment'); 
    t.getBody().style.backgroundColor = color; 
}

对我来说，这并不工作。谁可以帮我这个事？

来源

2014-11-21 Yeshwanth Shenoy

运行这个例子定义 - _“这并不为我工作” _。你在控制台看到什么错误？ – 2014-11-21 08:12:31

控制台上的错误是“TypeError：tinyMCE.getInstanceById不是函数detail.php：145” – 2014-11-21 08:58:59

您是否包含该库？ ---->''。如果没有，请在''标记中添加'

我想这个问题谎言在 document.form2.cbAdmin.checked == true

试图改变“白”色别的东西，看看你的条件合格与否。

谢谢

来源

2014-11-21 08:17:49

我试图改变它为红色，但没有解决。 – 2014-11-21 08:58:16

您使用的是哪个版本的TinyMCE，因为上面的代码对我很好用 – 2014-11-21 09:15:47

btw，我看不到textarea上的eComment Id。请确保您正确添加所有Ids /名称 – 2014-11-21 09:16:56

使用javascript动态更改TinyMCE编辑器的背景

相关问题