tinymce ツールバーがロードされた状態で開くフォームに複数のテキスト ボックスがあります。テキスト領域の一部を次に示します。
<p id="rsvpInfo" style="display:none;"><label class="leftLabel">RSVP Info</label><textarea name="rsvp_info" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>
<p id="abstract" style="display:none;"><label class="leftLabel">Abstract</label><textarea name="abstract" rows="10" cols="50" class="contact mceNoEditor mceBasicEditor"></textarea></p>
最初にチェックされているフォームの外側にチェックボックスを作成しようとしています。チェックを外すと、すべての薄いツールバーが消え、プレーンテキスト領域のみが表示され、その逆も同様です。
次のコード (フォームの外側) を使用してアイデアを実装することにしましたが、チェックボックスをオン/オフにしても何も起こらないため、何か間違ったことをしているように見えます。
<script>
var id = 'speakerInfo';
var id1= 'rsvpInfo';
var id2= 'abstract';
var id3= 'speakerBios';
if($("#mceCheck".is(':checked'))
{
tinymce.execCommand('mceAddControl',false, id);
tinymce.execCommand('mceAddControl',false, id1);
tinymce.execCommand('mceAddControl',false, id2);
tinymce.execCommand('mceAddControl',false, id3);
}
else
{
tinymce.execCommand('mceRemoveControl',false, id);
tinymce.execCommand('mceRemoveControl',false, id1);
tinymce.execCommand('mceRemoveControl',false, id2);
tinymce.execCommand('mceRemoveControl',false, id3);
}
</script>
チェックボックスのコードは次のとおりです。
<form>
<input type="checkbox" name="mce" value="1" id="mceCheck" checked> tinyMCE toolbar toggle checkbox
</form>
チェックボックスを使用してtinyMCEツールバーの可視性を動的に変更するjqueryを手伝ってくれる人はいますか?