Опитвам се да интегрирам 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>
Благодаря за помощта предварително.