У меня есть несколько текстовых полей в форме, которые открываются с помощью загруженной в них панели инструментов 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>
Я пытаюсь установить флажок вне формы, которая изначально проверена. Как только я сниму его, все панели инструментов tinmcy исчезнут, и отобразится только текстовая область и наоборот.
Я решил использовать следующий код (вне формы) для реализации моей идеи, но кажется, что я делаю что-то неправильно, потому что ничего не происходит при проверке/снятии флажка.
<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>
Может ли кто-нибудь помочь мне с jquery для динамического изменения видимости панели инструментов tinyMCE с помощью флажка?
$(this).is(:checked)
.. см. мой отредактированный ответ