Installer RichTextEditor sur un textarea

Vous envoyez cet éditeur dans un formulaire ? Suivez la validation des champs obligatoires et la synchronisation du textarea.

1. JS et CSS compilés

Le moyen le plus rapide d’obtenir RichTextEditor est de télécharger les versions précompilées et minifiées du CSS et du JavaScript.

Télécharger

2. Inclure le JS et le CSS :

<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>

3. Créer un nouvel élément TEXTAREA contenant tout le contenu que vous voulez dans l’éditeur.

<textarea id="inp_editor1" >
 &lt;p&gt;Initial Document Content&lt;/p&gt;
</textarea>

4. Remplacer <textarea id="inp_editor1"> par une instance de RichTextEditor.

<script>
    var editor1 = new RichTextEditor("#inp_editor1");
</script>

5. Personnaliser l’éditeur

Le fichier rte.js comporte en tête un bloc RTE_DefaultConfig modifiable, en JavaScript lisible — seul le code sous licence de l’éditeur, situé en dessous, est obfusqué. Ouvrez rte.js dans n’importe quel éditeur de texte et ajustez les valeurs de RTE_DefaultConfig (habillage, préréglage de barre d’outils, langue, points de terminaison d’envoi, raccourcis clavier, etc.) pour modifier globalement les valeurs par défaut de l’éditeur sans recompilation. Consultez la référence de configuration pour la liste complète des options.