Bridge für strukturierte Inhalte

Grundeinrichtung

Laden Sie die Bridge nach dem Kern-Bundle des Editors. Die Bridge ergänzt die Editor-Instanz um JSON-Hilfsfunktionen und stellt Hilfsfunktionen für Markdown und Rendering an RichTextEditor bereit.

<script src="/richtexteditor/rte.js"></script>
<script src="/richtexteditor/plugins/all_plugins.js"></script>
<script src="/richtexteditor/plugins/structured-content-bridge.js"></script>

<script>
  RichTextEditorStructuredBridge.installStructuredContentBridge();
  var editor = new RichTextEditor("#editor");
</script>

Editor-Methoden

• editor.getJSON() gibt einen semantischen Dokumentbaum plus Kompatibilitätsfelder zurück.
• editor.setJSON(documentModel) stellt Inhalt aus der knotenbasierten Struktur wieder her.

var documentModel = editor.getJSON();
editor.setJSON({
  type: "doc",
  version: 2,
  format: "richtexteditor-json",
  content: [
    {
      type: "paragraph",
      content: [{ type: "text", text: "Restored from JSON" }]
    }
  ]
});

Globale Hilfsfunktionen

• RichTextEditor.fromMarkdown(markdown)
• RichTextEditor.toMarkdown(documentModel)
• RichTextEditor.renderHTML(documentModel)
• RichTextEditor.validateStructuredContent(documentModel)

var restored = RichTextEditor.fromMarkdown("## Hello\n\nMarkdown works too");
var html = RichTextEditor.renderHTML(restored);
var validation = RichTextEditor.validateStructuredContent(restored);
var markdown = RichTextEditor.toMarkdown(restored);

Ausprobieren

In der Demo zu strukturiertem JSON sehen Sie die HTML-Ausgabe, semantisches JSON, den Hin- und Rückweg über Markdown, statisches HTML-Rendering und Validierungsergebnisse live nebeneinander. Die Abwägungen bei der Wahl eines dieser Formate als führende Datenquelle beschreibt HTML, JSON oder Markdown: Wie sollten Sie Rich Text speichern?