Elysia Tools
Navegação
Data Formats
Exemplos JSON de Texto Rico
Exemplos JSON para editores de texto rico (TipTap, Quill, Slate)
Exemplos
Entradas desta coleção
JSON de Texto Rico TipTap
Documento ProseMirror com titulos, listas, marcas e bloco de codigo
{
"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 do Quill
Operacoes Delta com titulos, negrito, listas e links
{
"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 Texto Rico Slate
Valor do Slate com paragrafos, marcas e lista com marcadores
[
{
"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" }] }
]
}
]Ferramentas
Ferramentas frequentemente usadas com este exemplo
Relacionado