setup rapide de tiny mce custom

Auteur : adrien_contrib
Date de parrution : 2022-03-08 11:47:42
Dernière modification :

js



thumbnail de l'article

vous souhaité utilisé tiny mce avec plus d'options que la formule de base, sans prendre de formule payante et vous n'avez pas le temps ou l'envie de vous plonger dans la doc? vous êtes au bon endroit!

je me contente ici de vous donnez un bloc à copier-coller pour que ça fonctionne imédiatement, pour plus d'info, rendez-vous sur la doc de tiny mce rubrique plugins > open source plugins.

le script:

<script src="https://cdn.tiny.cloud/1/==votre_code_tinyMce==/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
   tinymce.init({
       selector: '.tiny1',
       height: '70vh',
       language: 'fr_FR',
       plugins: 'link image media table emoticons fullscreen lists',
       toolbar1: 'fullscreen undo redo | styleselect | bold italic alignleft aligncenter alignright alignjustify outdent indent numlist bullist | link image media     emoticons',
       language_url : '../assets/script/fr_FR.js'
   });
</script>

le bloc d'appel:

<textarea class="tiny1">

avec cette configuration, vous avez un tiny MCE augmenter, avec une option fullscreen, possibilitée d'éditer des liens, images, vidéos, sons, tableaux, ajouter des émoticons, créer des listes, le tout implémenter dans la tolbar.

 

tags associés :

languages

js

tools & techno

centres d'intérêts