Интеграция tinymce и fancybox

Question

Я пытаюсь интегрировать tinymce со встроенным всплывающим окном Fancybox, в настоящее время у меня есть tpl, файл шаблона и я могу использовать tinymce fine, который извлекает данные из mysql и позволяет мне вносить изменения. Я добавил fancybox на страницу, когда щелкнул всплывающее окно fancybox, оно открывается, но заменяет textarea на tinymce, но я не могу ничего напечатать и не отображает данные из MySQL. Однако, если я удаляю его всплывающее окно и отображаю информацию из mysql с помощью textarea, я также могу вносить изменения. так ясно, моя проблема с 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>

необычный код:

<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>

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>

Заранее благодарны за Вашу помощь.