Après CETTE QUESTION WordPress, nous avons essayé quelques ajustements et obtenu des solutions intéressantes, espérons pouvoir les publier. après quelques bons extraits de codes actifs.
Selon nos procédures, nous avons correctement mis en file d'attente la "conversion-js" nécessaire dans la zone d'administration et pouvons charger notre js
dans le titre du message et lors de l'action du clavier ou de la souris, nous convertissons les textes dans le même champ.
Selon notre élément d'inspection en Chrome:
Avec Inspect Element, nous pouvons voir que, dans la vue vierge par défaut, l’éditeur WordPress charge sa zone de contenu avec un <iframe>
. Et à l'intérieur du <iframe>
, il y a un <p>
vierge. Nous ciblons notre js
sur cette balise <p>
. Nous avons donc besoin d’une classe ou d’un identifiant pour passer à cette balise <p>
.
ICI est le jQuery que nous essayons d'entrer dans le <iframe>
pour charger une classe dans le balise <p>
. Nous avons pris l’assistance de THIS StackOverflow QA.
Donc, la question en bref peut être:
<p>
entourée de <iframe>
?Vous ne pouvez pas, pas comme vous essayez. Vous ne pouvez pas vous immiscer dans les iframes internes, il a son propre DOM, etc. qui doit être respecté, etc.
Cette question tourne déjà à l’opacité, car il s’agit plus d’une question TinyMCE que d’une question WordPress
Au lieu de cela, créez un plug-in tinyMCE, incluez jQuery dans ce plug-in, puis utilisez jQuery standard pour ajouter les classes dont vous avez besoin. Le plugin tinyMCE js sera inséré dans les balises de la tête de l'éditeur à l'intérieur de l'iframe.
À ce stade, il devient un problème standard de JS jQuery et dépasse le cadre de ce site Web.
Voici un tutoriel sur la création de plugins TinyMCE (assurez-vous d’indenter le code correctement:
http://ctx2002.wordpress.com/2008/07/28/how-to-write-a-tinymce-plugin-for-wordpress/