0

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を手伝ってくれる人はいますか?

4

1 に答える 1

0

チェックボックスの変更イベントを処理しなかったため、機能しません。

jQuery .change()イベント

$("#mceCheck").change(function(e) {
    //Do something here
    if($(this).is(':checked'))
    {
      //Do something when the checkbox is checked
    }
    else
    {
      //Unchecked case
    }
});
于 2013-10-23T17:47:02.977 に答える