Exemples JSON de Texte Riche

Exemples JSON pour éditeurs de texte riche (TipTap, Quill, Slate)

Key Facts

Category: Data Formats
Items: 3
Format Families: json, text

Sample Overview

Exemples JSON pour éditeurs de texte riche (TipTap, Quill, Slate) This sample set belongs to Data Formats and can be used to test related workflows inside Elysia Tools.

📋 JSON Delta Quill

🟢 simple

Ops Delta avec titres, gras, listes et liens

{
  "ops": [
    { "insert": "Release Notes" },
    { "insert": "\n", "attributes": { "header": 2 } },
    { "insert": "Highlights:\n", "attributes": { "bold": true } },
    { "insert": "- Faster sync\n- Offline mode\n" },
    { "insert": "\n" },
    { "insert": "Read more", "attributes": { "link": "https://example.com/release" } }
  ]
}

📋 JSON de Texte Riche TipTap

🟡 intermediate

Document ProseMirror avec titres, listes, marques et bloc de code

{
  "type": "doc",
  "content": [
    {
      "type": "heading",
      "attrs": { "level": 2 },
      "content": [{ "type": "text", "text": "Project Update" }]
    },
    {
      "type": "paragraph",
      "content": [
        { "type": "text", "text": "We shipped " },
        { "type": "text", "text": "v2.3", "marks": [{ "type": "bold" }] },
        { "type": "text", "text": " with improved sync and offline mode." }
      ]
    },
    {
      "type": "bulletList",
      "content": [
        {
          "type": "listItem",
          "content": [
            { "type": "paragraph", "content": [{ "type": "text", "text": "Latency down 18%" }] }
          ]
        },
        {
          "type": "listItem",
          "content": [
            { "type": "paragraph", "content": [{ "type": "text", "text": "New read-only sharing" }] }
          ]
        }
      ]
    },
    {
      "type": "codeBlock",
      "attrs": { "language": "json" },
      "content": [
        { "type": "text", "text": "{\"status\":\"ok\",\"version\":\"2.3.0\"}" }
      ]
    }
  ]
}

📋 JSON de Texte Riche Slate

🟡 intermediate

Valeur Slate avec paragraphes, marques et liste à puces

[
  {
    "type": "heading-two",
    "children": [{ "text": "Design Review" }]
  },
  {
    "type": "paragraph",
    "children": [
      { "text": "Status: " },
      { "text": "approved", "bold": true },
      { "text": " for Q2." }
    ]
  },
  {
    "type": "bulleted-list",
    "children": [
      { "type": "list-item", "children": [{ "text": "Audit contrast" }] },
      { "type": "list-item", "children": [{ "text": "Finalize icon set" }] }
    ]
  }
]

🎯 Exemples recommandés