Question

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

这是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;
}

这对我不起作用。任何人都可以帮我吗？

Answer 1

这是代码的最终版本。

<script type="application/javascript">
  tinymce.init({
    selector: "textarea",
    plugins: [
      "advlist autolink lists link image charmap print preview anchor",
      "searchreplace visualblocks code fullscreen",
      "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
  });

  function SetCommentColor() {
    if (document.getElementById('cbAdmin').checked == true) {
      color = 'pink';
    } else {
      color = 'red';
    }
    //alert(tinyMCE.getInstanceById('eComment'));
    var t = tinyMCE.get(0);
    t.getBody().style.backgroundColor = color;
  }

</script>

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

缺少问题Id和getInstanceById不受支持。

您可以在http://fiddle.tinymce.com/

运行此示例

Answer 2

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

尝试改变白色＆＃39;把颜色变成别的东西，看看你的病情是否过去了。

由于

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

2 个答案: