在覆盖中使用TinyMCE（jQuery工具覆盖）

我想在覆盖对话框中使用TinyMCE编辑器。。可能吗

我有最新版本的TinyMCE和Jquery工具

---

jquerytoolsoverlay:

我在这方面遇到了一些问题，显然tinymce不能很好地处理隐藏的元素，并且在编写附加到它的元素时会感到困惑。无论如何，通过使用overlay的钩子，进行同步js调用（这是关键部分），并在关闭tinymce之前分离tinymce，它就可以工作了。代码：

$(".overlayed").overlay({
  onBeforeLoad: function() {
    var wrap = this.getOverlay().find(".contentWrap");
    var url = this.getTrigger().attr("href");
    $.ajax({
      url: url,
      async: false,
      dataType: "html",
      type: "GET",
      success: function(data){
        wrap.html(data);
      }
    })
  },
  onLoad: function(){
    if($('#overlay .mceEditor').length > 0){
      tinyMCE.execCommand('mceAddControl', false, $('.mceEditor').attr('id'));
    }
  },
  onBeforeClose: function(){
    if($('#overlay .mceEditor').length > 0){
      tinyMCE.execCommand('mceFocus', false, $('.mceEditor').attr('id'));
      tinyMCE.execCommand('mceRemoveControl', false, $('.mceEditor').attr('id'));
    }
    this.getOverlay().find(".contentWrap").html("");
  }
});

代码可能更优雅，但在所有情况下都能正常工作；）

---

希望这对别人有帮助

你试过了吗？你在哪里失败了？是的，我用正常的方法让它工作。。例子：