TinyMCE execCommand返回undefined

时间:2013-04-17 06:48:23

标签: jquery ajax tinymce undefined

我正在尝试从我之前创建的特定文本区域中删除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,但它也返回undefined虽然我有一个带有“textarea-plainText”ID的textarea:

$.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方法或精确方法进行初始化。但不使用tinyMCE.execCommand。不知何故,“exeCommand”命令不起作用。

textarea的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 &amp; Close</a>
  </div>
</div>

这是一个模态,所以它最初是隐藏的,直到调用模态。

顺便说一句,我正在使用TinyMCE 4.0b1。

1 个答案:

答案 0 :(得分:15)

您未定义,因为在4.x中他们删除了mceRemoveControlmceAddControl(我不确定mceFocus)所以请使用mceAddEditormceRemoveEditor代替。

由于这些代码执行了相同的操作,因此他们在清理中删除了mceRemoveControlmceAddControl

此外,请不要忘记从现在开始需要使用小写tinymce