Elysia Tools
Navigation mobile
Formats de données
Exemples JSON de Texte Riche
Exemples JSON pour éditeurs de texte riche (TipTap, Quill, Slate)
Exemples
Entrées de cette collection
JSONIntermédiaire
JSON de Texte Riche TipTap
Document ProseMirror avec titres, listes, marques et bloc de code
json
{
"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\"}" }
]
}
]
}JSONSimple
JSON Delta Quill
Ops Delta avec titres, gras, listes et liens
json
{
"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" } }
]
}JSONIntermédiaire
JSON de Texte Riche Slate
Valeur Slate avec paragraphes, marques et liste à puces
json
[
{
"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" }] }
]
}
]Outils
Outils souvent utilisés avec cet exemple
Associé
Collections d’exemples associées
Associé