Attempting to address your issue, it seems you are looking to open a fancybox with a TinyMCE editor when clicking on links from a list.
I have provided an example in this JSFIDDLE. However, a workaround was necessary:
HTML
<a href='javascript:void(0);' class="editor" data-descr='test1'>editor 1</div> <br/>
<a href='javascript:void(0);' class="editor" data-descr='test2'>editor 2</div> <br/>
<a href='javascript:void(0);' class="editor" data-descr='test3'>editor 3</div> <br/>
<div id="TheFancybox" style="display: none;">
<textarea id="r_description"></textarea>
</div>
JS
$("a.editor").on( "click", function(){
var self = $(this);
$.fancybox( "#TheFancybox", {
afterLoad: function () {
/* loadEditor();
tinyMCE.get("r_description").execCommand('mceInsertContent', false, self.data('descr')); */
//tinyMCE initialized here not working correctly
},
afterClose: function () { hideEditor(); }
});
//but if you init it here - it will
$('#r_description').val(self.data('descr'));
loadEditor();
return false;
});
function hideEditor(){
tinyMCE.remove('#r_description');
};
function loadEditor(){
tinymce.init({
selector: "#r_description",
mode: "none",
setup : function(ed) {
var tinymce_placeholder = $('#'+ed.id);
var attr = tinymce_placeholder.attr('placeholder');
if (typeof attr !== 'undefined' && attr !== false) {
var is_default = false;
ed.on('init' , function(ed) {
var cont = ed.target.getContent().replace(/<p>|<\/p>/g, '');
if(cont.length == 0){
ed.target.setContent(tinymce_placeholder.attr("placeholder"));
cont = tinymce_placeholder.attr("placeholder");
}
is_default = (cont == tinymce_placeholder.attr("placeholder"));
if (!is_default){ return; }
});
ed.on('focus', function(ed,e) {
var cont = ed.target.getContent().replace(/<p>|<\/p>/g, '');
is_default = (cont == tinymce_placeholder.attr("placeholder"));
if (is_default){
ed.target.setContent('');
}
});
ed.on('blur', function(ed,e) {
var cont = ed.target.getContent();
if ( cont == '' ){
ed.target.setContent( tinymce_placeholder.attr("placeholder") );
}
});
}
},
// General options
theme : "modern",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_resizing : true,
toolbar: "link unlink | undo redo",
relative_urls : false,
remove_script_host : false,
content_css: "/css/wysiwyg.css",
menubar: false,
statusbar: false
});
}
Hoping this solution proves beneficial for resolving your concern.