我在一个表单中有多个文本框,打开时加载了 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 工具栏的可见性吗?
它不起作用,因为您没有处理复选框更改事件。
jQuery .change() 事件
$("#mceCheck").change(function(e) {
//Do something here
if($(this).is(':checked'))
{
//Do something when the checkbox is checked
}
else
{
//Unchecked case
}
});