Java tinymce和fancybox集成

我正在尝试将tinymce与Fancybox内联弹出窗口集成，目前我有一个tpl模板文件，能够使用tinymce fine从mysql中提取数据并允许我进行编辑。我已经将fancybox添加到页面中，当单击fancybox弹出窗口时，它会打开，但会用tinymce替换textarea，但我无法键入任何内容，也不会显示MySQL中的数据。但是，如果我使用textarea从mysql中删除tinymce it弹出窗口和显示信息，我也可以进行编辑。很明显，我的问题是tinmyce。我在网上尝试了很多建议，但似乎都不管用

tinymce代码：

<script src="include/tinymce_4.0/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: "textarea",
menubar:false,
statusbar: false,
theme: "modern",
width: 920,
height: 150,

plugins: [
"scayt advlist autolink link image lists charmap print preview hr anchor pagebreak textcolor",
"searchreplace visualblocks insertdatetime",
"contextmenu directionality template paste textcolor"
],
content_css: "css/content.css",
toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist 
numlist | print preview media fullpage | forecolor scayt", 

scayt_auto_startup: true,
scayt_context_moresuggestions: "on",
scayt_max_suggestion: 5,

}); 

</script>

tinymce.init({
选择器：“文本区域”，
梅努巴：错，
状态栏：false，
主题：“现代”，
宽度：920，
身高：150，
插件：[
“scayt advlist自动链接图像列表charmap打印预览hr锚定页面中断文本颜色”，
“searchreplace visualblocks insertdatetime”，
“上下文菜单方向性模板粘贴文本颜色”
],
content\u css：“css/content.css”，
工具栏：“撤消重做|粗体斜体|左对齐中心对齐右对齐对齐对齐|布利斯特
numlist |打印预览媒体整版|前景色scayt“，
scayt_自动启动：正确，
scayt_context_more建议：“on”，
斯盖特·马克斯建议：5，
}); 

fancybox代码：

<script type="text/javascript" src="include/fancybox/lib/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="include/fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="include/fancybox/source/jquery.fancybox.css?
v=2.1.5" media="screen" />

<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox').fancybox({
         'closeBtn' : false,
         scrolling : 'no',
         helpers: {
         title : {
         type : 'outside'
         },
         overlay : {
         closeClick: false,
         beforeShow: function () { tinymce.execCommand('mceToggleEditor', 
false, 'edit_description_textarea'); },
beforeClose: function () { tinymce.EditorManager.execCommand('mceRemoveControl', 
true, 'edit_description_textarea'); 
}

                }
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.fancybox'）。fancybox({
“closeBtn”：false，
滚动：“否”，
助手：{
标题：{
类型：“外部”
},
覆盖：{
closeClick:false，
beforeShow:function（）{tinymce.execCommand（'mcetoggleditor'，
false，'edit_description_textarea'）；}，
beforeClose:function（）{tinymce.EditorManager.execCommand（'mceRemoveControl'，
true，“编辑描述文本区域”）；
}
}
}
});
});

html代码：

<a class="fancybox " href="#edit_description">

<div id="edit_description" style="width:950px;display: block;">

<textarea id="edit_description_textarea" class="input-box" rows="10" cols="154" 
mce_editable="true" name="info">{$description}{$test_array
[i].info}</textarea>

</div>

{$description}{$test_数组
[i] .info}

---

提前感谢您的帮助。

您有可以访问的实例吗？抱歉，我的回复太晚了，我最终使用了jquery PopubBest答案：