Structured Content Bridge

Configuración básica

Carga el puente después del bundle principal del editor. El puente añade a la instancia del editor funciones auxiliares de JSON y expone funciones auxiliares de Markdown y renderizado en RichTextEditor.

<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>

Métodos del editor

• editor.getJSON() devuelve un árbol semántico del documento más campos de compatibilidad.
• editor.setJSON(documentModel) restaura el contenido a partir de la estructura basada en nodos.

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

Funciones auxiliares globales

• 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);

Pruébalo

Usa la demo de Structured JSON para examinar, uno junto a otro, la salida HTML en vivo, el JSON semántico, la conversión de ida y vuelta a Markdown, el renderizado de HTML estático y los resultados de la validación. Para conocer las ventajas e inconvenientes de elegir uno de ellos como formato de referencia, consulta HTML, JSON o Markdown: ¿cómo deberías guardar el texto enriquecido?