2014-11-21 75 views
0

我有一個註釋字段和一個輸入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; 
} 

對我來說,這並不工作。誰可以幫我這個事?

+0

運行這個例子定義 - _「這並不爲我工作」 _。你在控制檯看到什麼錯誤? – 2014-11-21 08:12:31

+0

控制檯上的錯誤是「TypeError:tinyMCE.getInstanceById不是函數detail.php:145」 – 2014-11-21 08:58:59

+0

您是否包含該庫? ---->''。如果沒有,請在''標記中添加'

0

我想這個問題謊言在 document.form2.cbAdmin.checked == true

試圖改變「白」色別的東西,看看你的條件合格與否。

謝謝

+0

我試圖改變它爲紅色,但沒有解決。 – 2014-11-21 08:58:16

+0

您使用的是哪個版本的TinyMCE,因爲上面的代碼對我很好用 – 2014-11-21 09:15:47

+0

btw,我看不到textarea上的eComment Id。請確保您正確添加所有Ids /名稱 – 2014-11-21 09:16:56