RichTextEditor auf einem div-Element installieren

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 DIV-Element mit dem gesamten Inhalt, der im Editor stehen soll.

<div id="div_editor1" >
<p>Initial Document Content</p>
</div>

4. Ersetzen Sie <div id="div_editor1"> durch eine RichTextEditor-Instanz.

<script type="text/javascript">
    var editor1 = new RichTextEditor("#div_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.