以前に作成した特定のテキストエリアから tinyMCE を削除しようとしていますが、次のコマンドは「未定義」エラーを生成し続けました (firebug コンソールを使用して確認):
tinyMCE.execCommand('mceFocus', false, 'textarea-plainText');
tinyMCE.execCommand('mceRemoveControl', false, 'textarea-plainText')
jQuery を使用して、その特定のテキスト領域の TinyMCE を初期化しました。
$('textarea#textarea-plainText').tinymce({
script_url : '<?php echo base_url(); ?>/assets/js/tinymce/tinymce.min.js',
oninit: function() {
$("textarea#textarea-plainText").tinymce().setContent("");
$("textarea#textarea-plainText").tinymce().setContent(noteSecContent.html[0].notesec_content);
}
});
また、次のコマンドを使用して tinyMCE を追加しようとしましたが、「textarea-plainText」ID のテキストエリアがありますが、undefined も返されます。
$.getScript('<?php echo base_url(); ?>assets/js/tinymce/tinymce.min.js', function() {
window.tinymce.dom.Event.domLoaded = true;
tinyMCE.init({
mode: 'none'
});
tinyMCE.execCommand('mceAddControl', false, 'textarea-plainText');
});
要するに、jquery メソッドまたは exact メソッドを使用してしか初期化できません。ただし、tinyMCE.execCommand は使用しません。どういうわけか、「exeCommand」コマンドが機能しません。
テキストエリアの HTML:
<div id="plainTextModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="plainTextLabel" aria-hidden="true">
<div class="modal-body">
<textarea id='textarea-plainText'></textarea>
</div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</button>
<a href="" id="confirm-delete-note-section" class="btn btn-primary">Save</a>
<a href="" id="confirm-delete-note-section" class="btn btn-info">Save & Close</a>
</div>
</div>
これはモーダルなので、モーダルが呼び出されるまで最初は非表示になっています。
ちなみにTinyMCE 4.0b1を使っています。