J'utilise JQuery-UI ToolTip et Tinimce 4,
Le problème est quand TinyMCE est chargé dans un Textarea Il existe l'attribut Titre J'ai essayé de supprimer le titre avec JS, mais rien n'a changé: P> "Texte riche de la zone de texte Alt-F10 pour la barre d'outils ..." code> qui affiche une info-bulle JQueryui tout le temps. p> $(function() {
$( document ).tooltip({
content: function() { return $(this).attr('title'); } // br
});
});
7 Réponses :
Voici comment vous supprimez le titre à l'aide de JS,
$(document).tooltip({
content: function () {
return $(this).prop('title');
}
});
À l'heure actuelle, mais rien ne change, l'info-bulle est affichée sur Tinymce Textarea
Je viens de comprendre la solution correcte pour mon problème:
(thx à: Raina77ow pour Ce violon a>) p> étape 1: strong> p> après le code d'intégration TinyMCE Ajoutez ceci: p> $(function() { $( '[title]' ).tooltip({ content: function() { return $(this).attr('title'); } }); });
Si vous souhaitez supprimer l'info-bulle, vous devez simplement vérifier la fonction JQueryUI et ajouter une ligne en haut: comme exemple de fonction: Ici, j'ai supprimé des info-bulles de deux endroits, une zone de texte régulière (HeaderTextBox) et un éditeur TinyMce (#txteditor), mais depuis que j'ai un MasterPage avec un contentController, j'ai besoin d'ajouter cela aussi (cphmain) c'est pourquoi le ID est cphmain_txteditor.
Qu'est-ce que je faisais n'était pas très propre mais cela fait le travail. J'ai ouvert la principale TinyMce.min.js, recherché "Rich" trouvé ce bit entre 2 virgules (.., Titre = Blabla Rich Blabla, ...) et enlevé.
Est-ce que le travail est parfaitement, et il n'enlève aucune fonctionnalité que ce soit.
Le problème que j'avais était une info-bulle disant:
Lors de la souris sur une instance TinyMCE.
plutôt ennuyeux.
Désactiver Je viens de rechercher TinyMce.min.js pour "Zone de texte riche" et l'a supprimé.
Zone de texte riche. Appuyez sur Alt-F9 pour menu. Appuyez sur Alt-F10 pour la barre d'outils. Appuyez sur Alt-0 pour obtenir de l'aide
tinymce.init({
setup: function( editor ){
editor.on('init', function( e ){
$('#' + e.target.id + '_ifr').removeAttr('title');
});
}
});
Used jQuery !
Faites simplement cela
$ ('. MCE-Edit-zone iframe'). ATT ("titre", "");
Avez-vous envisagé de ne pas avoir supprimé l'attribut de titre de TinyMCE car il peut être préférable de régler le sélecteur d'info-bulle pour ne pas inclure des éléments inutiles? VEUILLEZ COLLER votre code associé à JQuery Ui TooltiP.
Vérifiez Ce lien .
Maris: Oui mais je ne sais pas comment ..
Raina: Vous voyez déjà cela, mais où je dois ajouter ce code?
Juste après l'appel init , par exemple. Vérifiez Ce violon pour voir cette approche en action.
Mais en fait, je préférerais simplement exclure cette zone particulière de la couverture de ToolTip avec un sélecteur approprié (au lieu de juste
document ).