Comment ajouter un éditeur TinyMCE à WordPress

Si vous souhaitez ajouter un éditeur TinyMCE à WordPress, c'est en fait assez simple. Tout ce que vous avez à faire est d'installer et d'activer le plugin TinyMCE Advanced . Une fois que vous avez fait cela, vous trouverez un nouvel élément de menu "TinyMCE" dans le menu Paramètres de votre zone d'administration WordPress. En cliquant dessus, vous accéderez à la page des paramètres du plugin où vous pourrez configurer le fonctionnement de l'éditeur TinyMCE.

La version 3.9 de l' éditeur visuel WordPress fournit de bons retours. Lorsque l'évier de la cuisine est allumé, il n'a que 14 boutons ou 26 lorsqu'il ne l'est pas. L'éditeur de texte TinyMCE complet peut être affiché en ajoutant le code suivant à votre fichier functions.php : Vous pouvez maintenant sélectionner une troisième rangée de boutons dans l'éditeur visuel.

Utiliser des plugins personnalisés avec TinyMCE Copiez le fichier de point d'entrée (ainsi que tous les autres fichiers) dans le dossier plugins du code TinyMCE qui a été distribué avec le plugin. Le plugin peut ensuite être utilisé en l'entrant dans la liste des plugins spécifiée par l'option plugins.

Python ou Django peuvent être utilisés pour l'exécuter. Le fichier setup.py est un fichier shell. Dans settings.py, copiez et collez le code tinymce dans votre projet : INSTALLED_APPS = tinymce. "Un tinymce", [un tinymce] est un autre mot pour cela. Tinymce leur est ajouté.

Créez du contenu et définissez du contenu à l'aide des méthodes TinyMCE getContent et setContent. Si vous avez initialisé l'éditeur sur myTextarea, vous devrez renvoyer la propriété id=”myTextarea”. Renvoie le contenu de l'éditeur qui a été marqué comme HTML à l'utilisateur.

En cliquant sur les trois points (Options) dans le coin supérieur droit de l'écran, vous pouvez accéder à l' éditeur de texte Gutenberg . En cliquant sur l'onglet Texte dans la barre d'outils, vous pouvez accéder à l'éditeur de texte WordPress Classic.

WordPress utilise-t-il Tinymce ?

WordPress utilise TinyMCE comme éditeur par défaut . TinyMCE est un éditeur WYSIWYG (What You See Is What You Get) qui permet aux utilisateurs de créer et de formater facilement du contenu. Il est largement utilisé par les développeurs Web et les blogueurs.

Moxiecode Systems AB, une société suédoise, fournit à WordPress l'éditeur HTML WYSIWYG open source TinyMCE. Vous pouvez également déverrouiller un certain nombre de boutons en cliquant sur la barre d'outils de l'éditeur avancé (ligne 2 de l'éditeur). Dans WP version 3.3.1, la commande de basculement correcte pour IE et Firefox est Maj-Alt-Z ; voir aussi le plugin API Rich Text Editor Filters pour plus d'informations. Un tutoriel détaillé peut également être trouvé sur WP Tuts. Lorsque vous utilisez WordPress, l'éditeur TinyMCE WYSIWYG ajoute automatiquement des balises de paragraphe (balises P) autour des sauts de ligne. Il existe trois méthodes de base pour supprimer les balises P. Dans /WP-includes/class-WP-editor.php, vous pouvez accéder aux paramètres par défaut.

Quelle version de Tinymce WordPress utilise-t-il ?

Depuis WordPress 5.0, l'éditeur visuel TinyMCE est à la version 4.9.4.

WordPress Tinymce Créer

L'un des avantages de WordPress est qu'il facilite le formatage de vos publications et de vos pages grâce à son éditeur TinyMCE intégré. Mais saviez-vous que vous pouvez également utiliser TinyMCE pour créer vos propres boutons personnalisés ?
La création de boutons personnalisés pour TinyMCE est un excellent moyen d'étendre les fonctionnalités de votre site WordPress. Par exemple, vous pouvez créer un bouton qui insère un shortcode personnalisé ou une balise HTML. Ou vous pouvez créer un bouton qui insère un lien vers un fichier ou une image.
Créer des boutons personnalisés pour TinyMCE est relativement simple. Tout d'abord, vous devez créer un plugin qui ajoutera les boutons personnalisés à l'éditeur TinyMCE. Ensuite, vous devez ajouter du code à votre plugin qui indiquera à TinyMCE quoi faire lorsque le bouton est cliqué.
Si vous n'êtes pas développeur, vous pouvez également trouver des plugins qui ajouteront des boutons personnalisés à TinyMCE. Ces plugins sont généralement livrés avec une interface utilisateur qui facilite l'ajout et la configuration des boutons personnalisés.

TinyMCE est conçu pour fonctionner avec une large gamme de plugins et de paramètres personnalisés. TinyMCE ne nécessite aucune structure de fichier ou outil spécial pour s'exécuter, en plus de ces exigences. Dans la plupart des cas, vous pouvez créer des plugins personnalisés à l'aide d'un framework ou d'un outil. Yeoman Generator peut générer des fichiers et du code passe-partout requis pour un plugin personnalisé, ainsi que quelques commandes utiles. Les traducteurs TinyMCE sont disponibles dans de nombreuses langues, dont l'anglais, le français, l'allemand, l'italien et l'espagnol. Si vous devez ajouter des chaînes à une langue prise en charge, veuillez utiliser la procédure suivante. Créez un fichier de traduction pour chaque langue prise en charge par le plugin. Un simple bouton de barre d'outils et un élément de menu peuvent être ajoutés à l'aide de cet exemple de plugin.

Paramètres de l'éditeur Wp Tinymce

Les paramètres de l' éditeur wp tinymce vous permettent de modifier les paramètres par défaut de l'éditeur visuel WordPress. Cela peut être utile si vous souhaitez modifier la taille de la police, les couleurs ou d'autres aspects de l'éditeur.

Nous allons vous montrer comment plier l'éditeur WordPress TinyMCE en le décomposant en différentes parties. L'éditeur fournit par défaut deux rangées de boutons pour la création, la modification et la mise en forme du contenu de la publication. Un ou plusieurs des plugins existants peuvent être mis à jour pour nous fournir une variété de fonctionnalités avancées. L' API TinyMCE permet aux développeurs d'avoir un contrôle total sur l'éditeur. En utilisant les filtres fournis ci-dessous, nous pouvons autoriser jusqu'à quatre rangées de boutons à activer. Un seul élément, qui peut être n'importe quel élément, définit les paramètres d'un élément de menu. Si nous avons besoin d'un aperçu en temps réel, nous devrons créer une feuille de style personnalisée.

Dans de nombreux cas, nous n'avons pas besoin de créer un bouton personnalisé car TinyMCE possède un grand nombre de boutons cachés que nous pouvons facilement activer. Un filtre avec le filtre mce_buttons_*n* peut être utilisé pour filtrer le tableau de boutons. Si aucun de ces boutons ne correspond à nos besoins, l'éditeur peut recevoir plus de fonctionnalités grâce à un certain nombre de plugins officiels. Nous savons déjà comment créer un plugin et ajouter un bouton dans WordPress TinyMCE. Créons maintenant le plugin suivant. Dans /mce/prism/, il y a un fichier nommé /mce/prism/. La méthode addButton ajoute un élément de menu pour chacun des éléments du tableau d'éléments à l'aide du bouton de menu Prism. Vous verrez le bouton du menu déroulant dès que vous enregistrez, téléchargez et actualisez.

Le plugin TinyMCE Advanced WordPress ajoute les fonctionnalités de quinze plugins TinyMCE à l'éditeur visuel par défaut. Un certain nombre de fonctionnalités avancées, telles que le tableau et les options de la famille de polices, sont disponibles à partir de la page des options du plug-in. En plus de l'éditeur qui sera affecté par les nouveaux paramètres, les utilisateurs peuvent sélectionner d'autres options.