RichTextEditor auf einer textarea installieren

Senden Sie diesen Editor in einem Formular? Folgen Sie dann Pflichtfeldvalidierung und Synchronisierung der textarea.

1. Kompiliertes JS & CSS

Am schnellsten erhalten Sie RichTextEditor, indem Sie die vorkompilierten und minifizierten Versionen von CSS und JavaScript herunterladen.

Download

2. JS & CSS einbinden:

<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. Erstellen Sie ein neues TEXTAREA-Element mit dem gesamten Inhalt, der im Editor stehen soll.

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

4. Ersetzen Sie <textarea id="inp_editor1"> durch eine RichTextEditor-Instanz.

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

5. Den Editor anpassen

Die Datei rte.js enthält oben einen bearbeitbaren Block RTE_DefaultConfig in reinem JavaScript – nur der lizenzierte Editor-Code darunter ist verschleiert. Öffnen Sie rte.js in einem beliebigen Texteditor und ändern Sie Werte in RTE_DefaultConfig (Skin, Symbolleisten-Vorgabe, Sprache, Upload-Endpoints, Tastenkürzel usw.), um die Standardwerte des Editors global zu ändern, ohne neu zu bauen. Die vollständige Liste der Optionen finden Sie in der Konfigurationsreferenz.