Jquery 色盒中的多个Tinymes

我正在写一个内联CMS，管理员通过点击前端的“编辑”按钮来编辑内容

我需要在灯箱中打开包含多个Tinymes的web表单，并需要一个优雅的解决方案。我让web表单在它们自己的URL上工作（对于非js用户），并且正在使用ajax将这些URL加载到一个colorbox lightbox中。这就是我到目前为止所做的：

jQuery(document).ready(function(){
    jQuery(".ajax").colorbox({
        onComplete : function(){ tinyMCE.execCommand('mceAddControl', true, "mytextarea"); },
        onClosed   : function(){ tinyMCE.execCommand('mceRemoveControl', true, "mytextarea");}
    });
});
...
<a class='ajax' href="/mywebformurl #mywebform">Edit</a>

jQuery（文档）.ready（函数（）{
jQuery（“.ajax”）.colorbox({
onComplete:function（）{tinyMCE.execCommand（'mceAddControl'，true，“mytextarea”）；}，
onClosed:function（）{tinyMCE.execCommand（'mceRemoveControl'，true，“mytextarea”）；}
});
});
...

我有三个问题：

这仅适用于id为

mytextarea

的文本区域。我想让它与类

.tiny\u mce

的所有文本区域一起工作（根据我的tinymce配置，它具有

模式：“特定的文本区域”，编辑器\u选择器：“tiny\u mce”

）

我不想在主机页上加载tinymce，只在lightbox打开时加载

如何删除href中添加的

#mywebform

，但仍然让它只加载webform，而不是/mywebformurl处的整个页面

本质上，我希望ajax加载的内容是独立的，并像我直接访问MyWebFormURL时那样工作（使其成为自己的js包含等）。我考虑的是iFrame，而不是ajax，但我一直认为应该不惜一切代价避免使用iFrame