Lorsque vous utilisez TinyMCE dans une boîte de dialogue MODALE JQueryUI, je ne peux pas utiliser les fonctionnalités de lien hypertexte ou 'Insérer une image'.
Fondamentalement, après beaucoup de recherche, j'ai trouvé ceci:
3 Réponses :
Cela semble résoudre le problème pour moi, ou du moins travailler autour de lui (mettez-le quelque part dans votre $ (document) .Readady ()):
Ceci est réparé pour moi lors de la résolution _allandinteraction ne ferait pas:
$(document).on('focusin', function(e) {
if ($(event.target).closest(".mce-window").length) {
e.stopImmediatePropagation();
}
});
Je peux confirmer ces œuvres où la _allandinterAction n'a pas fonctionné pour moi. Merci beaucoup!
Ne devrait-il pas être $ (e.target) ... pas $ (Event.Target) ... ??? ou est "événement" défini ailleurs?
Il semble qu'il n'y ait pas encore de solution de proprier pour ce problème. C'est une sorte de hack, mais cela a vraiment fonctionné pour moi. Chaque fois que vous ouvrez la boîte de dialogue, supprimez la zone de texte et que vous ajoutez comme suit,
var myDialog = $('#myDialog');
var myTextarea = myDialog.find('textarea');
var clonedTextArea = myTextarea.clone(); // create a copy before deleting from the DOM
var myTextAreaParent = myTextarea.parent(); // get the parent to add the created copy later
myTextarea.remove(); // remove the textarea
myDialog.find('.mce-container').remove(); // remove existing mce control if exists
myTextAreaParent.append(clonedTextArea); // re-add the copy
myDialog.dialog({
open: function(e1,e2){
setTimeout(function () {
// Add your tinymce creation code here
},50);
}
});
myDialog.dialog('open');