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

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

код на 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="/bginclude/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="/bg#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>

Благодаря за помощта предварително.


person user3303594    schedule 17.03.2014    source източник
comment
имате ли жив пример, който е достъпен?   -  person Thariama    schedule 18.03.2014
comment
хей, съжалявам за късния отговор, всъщност в крайна сметка използвам изскачащ прозорец на jquery   -  person user3303594    schedule 21.03.2014
comment
най-добър отговор: stackoverflow.com/a/24550009/1307387   -  person mghhgm    schedule 07.11.2015
comment
stackoverflow.com/a/34474232/612987   -  person Wasim A.    schedule 26.12.2015