Playground ΒΆ
The playground block renders an editable Carve source pane, a rendered pane, an HTML pane, and an AST pane.
# Try Carve
/italic/, *bold*, _underline_, ~strike~, =highlight=.
::: details "Disclosure"
Edit the source and the preview updates.
:::
# Try Carve
/italic/, *bold*, _underline_, ~strike~, =highlight=.
::: details "Disclosure"
Edit the source and the preview updates.
:::Try Carve
italic, bold, underline, strike, highlight.
Disclosure
Edit the source and the preview updates.
<section id="Try-Carve">
<h1>Try Carve</h1>
<p><em>italic</em>, <strong>bold</strong>, <u>underline</u>, <s>strike</s>, <mark>highlight</mark>.</p>
<div class="details">
<p class="admonition-title">Disclosure</p>
<p>Edit the source and the preview updates.</p>
</div>
</section>
{
"type": "document",
"children": [
{
"type": "heading",
"level": 1,
"children": [
{
"type": "text",
"value": "Try Carve",
"pos": {
"startLine": 1,
"endLine": 1,
"startColumn": 3,
"endColumn": 12,
"startOffset": 2,
"endOffset": 11
}
}
],
"pos": {
"startLine": 1,
"endLine": 1,
"startColumn": 1,
"endColumn": 12,
"startOffset": 0,
"endOffset": 11
},
"attrs": {
"id": "Try-Carve"
}
},
{
"type": "paragraph",
"children": [
{
"type": "emphasis",
"children": [
{
"type": "text",
"value": "italic",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 2,
"endColumn": 8,
"startOffset": 14,
"endOffset": 20
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 1,
"endColumn": 9,
"startOffset": 13,
"endOffset": 21
}
},
{
"type": "text",
"value": ", ",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 9,
"endColumn": 11,
"startOffset": 21,
"endOffset": 23
}
},
{
"type": "strong",
"children": [
{
"type": "text",
"value": "bold",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 12,
"endColumn": 16,
"startOffset": 24,
"endOffset": 28
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 11,
"endColumn": 17,
"startOffset": 23,
"endOffset": 29
}
},
{
"type": "text",
"value": ", ",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 17,
"endColumn": 19,
"startOffset": 29,
"endOffset": 31
}
},
{
"type": "underline",
"children": [
{
"type": "text",
"value": "underline",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 20,
"endColumn": 29,
"startOffset": 32,
"endOffset": 41
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 19,
"endColumn": 30,
"startOffset": 31,
"endOffset": 42
}
},
{
"type": "text",
"value": ", ",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 30,
"endColumn": 32,
"startOffset": 42,
"endOffset": 44
}
},
{
"type": "strike",
"children": [
{
"type": "text",
"value": "strike",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 33,
"endColumn": 39,
"startOffset": 45,
"endOffset": 51
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 32,
"endColumn": 40,
"startOffset": 44,
"endOffset": 52
}
},
{
"type": "text",
"value": ", ",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 40,
"endColumn": 42,
"startOffset": 52,
"endOffset": 54
}
},
{
"type": "highlight",
"children": [
{
"type": "text",
"value": "highlight",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 43,
"endColumn": 52,
"startOffset": 55,
"endOffset": 64
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 42,
"endColumn": 53,
"startOffset": 54,
"endOffset": 65
}
},
{
"type": "text",
"value": ".",
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 53,
"endColumn": 54,
"startOffset": 65,
"endOffset": 66
}
}
],
"pos": {
"startLine": 3,
"endLine": 3,
"startColumn": 1,
"endColumn": 54,
"startOffset": 13,
"endOffset": 66
}
},
{
"type": "admonition",
"kind": "details",
"children": [
{
"type": "paragraph",
"children": [
{
"type": "text",
"value": "Edit the source and the preview updates.",
"pos": {
"startLine": 6,
"endLine": 6,
"startColumn": 1,
"endColumn": 41,
"startOffset": 93,
"endOffset": 133
}
}
],
"pos": {
"startLine": 6,
"endLine": 6,
"startColumn": 1,
"endColumn": 41,
"startOffset": 93,
"endOffset": 133
}
}
],
"title": [
{
"type": "text",
"value": "Disclosure",
"pos": {
"startLine": 5,
"endLine": 5,
"startColumn": 14,
"endColumn": 24,
"startOffset": 81,
"endOffset": 91
}
}
],
"pos": {
"startLine": 5,
"endLine": 7,
"startColumn": 1,
"endColumn": 4,
"startOffset": 68,
"endOffset": 137
}
}
],
"srcByteLength": 137
}
Use the static ::: compare block from Carve Syntax when a page only needs a fixed source and output demonstration.
Last updated