Elysia Tools
Navigation mobile
Data Formats
Exemples JSON de Texte Riche
Exemples JSON pour éditeurs de texte riche (TipTap, Quill, Slate)
Exemples
Entrées de cette collection
JSON de Texte Riche TipTap
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 Delta Quill
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 Slate
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" }] }
]
}
]Outils
Outils souvent utilisés avec cet exemple
Associé