【问题标题】:TinyMce editor not working on Ajax faceboxTinyMce 编辑器无法在 Ajax facebox 上工作
【发布时间】:2012-09-15 16:14:32
【问题描述】:

我尝试在 ajax facebox 弹出窗口上添加 tinyMCE 编辑器,但它没有显示出来。 我提到了这个链接http://www.tinymce.com/forum/viewtopic.php?id=27754,但它在我的代码中不起作用。我正在使用 CodeIgniter 平台。

我的代码是这样的

<script type="text/javascript">

jQuery(document).ready(function($) {

      tinyMCE.init({
      mode: "textareas",
              theme : "simple",
      editor_selector :"mceEditor"
  });   

      $('a[rel*=facebox1]').facebox({
        loadingImage : '<?php echo site_url();?>images/loading.gif',
        closeImage   : '<?php echo site_url();?>images/closelabel.png',
  })


    $('.edit_id').click(function(){

        var news_id = $(this).attr('id');

        $.ajax({
        type:"POST",
        url:"<?php echo base_url();?>news/GetnewsAjax/",
        data:"id="+news_id, 
        success:function(msg){
        //alert(msg);
        $('#demo').html(msg);
        tinyMCE.execCommand('mceAddControl', false, "news_article");
        $(".myclass").trigger("click"); 
        }


   });

});

});
</script>

请任何人帮我解决这个问题

【问题讨论】:

    标签: php ajax tinymce facebox


    【解决方案1】:

    使用魔法。

    function removeTinyMCE(ID) {
            if ((tinyMCE==undefined)||(tinyMCE==null)) {
                return false;
            }
            if (tinyMCE.getInstanceById(ID))
            {
                tinyMCE.execCommand('mceFocus', false, ID);                    
                tinyMCE.execCommand('mceRemoveControl', false, ID);
            }
        }
    

    【讨论】:

    • ID 是必须在该编辑器上创建的目标文本区域的 id
    • 谢谢你能说明这个函数是在调用吗??
    • 我正在尝试在 success:function(msg) 中添加一个函数 removeTinyMCE('news_article') 并将该函数放在 $(document).ready(function()) 中,但它不是工作
    • 看看它是如何工作的。 MCE 有一个错误。它在隐藏/显示时中断或阻塞。你这样做 1) 显示一个带有 textarea 的弹出窗口 2) 在上面初始化 MCE 3) 在关闭弹出窗口时删除 MCE。加厚是为了避免 MCE 被隐藏。您必须将其添加到可见元素并从元素中删除,这仍然是可见的,然后才隐藏它。
    • 感谢您的建议,但我的问题是第一次加载 facebox 并且文本区域不显示小编辑器
    猜你喜欢
    • 1970-01-01
    • 2022-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多