javascript - 同一页面上的 tinyMCE textarea 和 imagemanager 冲突

Question

我将 tinyMCE 库用于我的文本区域，但也用于图像上传，但是当它们都在一个页面上时它不起作用。当它是其中一个时很好，但是一旦我在页面上放置一个 tinyMCE 文本区域和一个启动 imagemanager 对话框的按钮，对话框就会加载，但旋转加载图标会继续运行，而不是从我的加载文件根路径。

在我的文档头部我有:

tinyMCE.init({

  // General options
  mode : "textareas",
  theme : "advanced",
    editor_selector : "mceEditor",
  editor_deselector : "mceNoEditor",
  plugins : "style,advlink,inlinepopups,preview,contextmenu,paste,directionality,fullscreen,noneditable,imagemanager,media",

  // Theme options
  theme_advanced_buttons1 : "cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink,code,|,fullscreen",
  theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_buttons4 : "",
    theme_advanced_toolbar_location : "bottom",
  theme_advanced_toolbar_align : "center",
  theme_advanced_resizing : false,
    media_strict: false
});

这对我的文本区域来说很棒，然后在 document.ready() 上使用 jQuery 我有以下上传内容:

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

      mcImageManager.open(''{

          rootpath : '{0}/',
          oninsert:function(o){
              var location = o.focusedFile.path;
              location = location.substr(4);
      location = '_uploads/'+location;
      var preview_image = '../' + location;

      $('#selected_image > img').attr('src', preview_image);
      $('#image_path').val(location);
          }
      });
      return false;
  });

如果我在页面上有一个 MCE 文本区域并按下我的上传图片按钮，我会收到以下 javascript 错误:

未捕获的类型错误:无法设置 null 的属性“innerHTML”- editor_plugin.js:1未捕获的类型错误:无法调用未定义的方法“getArgs”-index.php:1

DOM 准备好后，我尝试了 tinyMCE.init()，但没有任何乐趣。

感觉可能和imagemanager一样有路径配置冲突。有人知道是否有办法查看根路径是否以某种方式在 imagemanager 上被搞砸了吗？

干杯

Answer 1

如果有人遇到这个...我通过从插件列表中删除 inlinepopups 来修复它。