# Rich text and Markdown cells Some columns hold formatted text: a note with a bold phrase and a link, a description written in Markdown, a comment pasted out of another system. Render those with `SvRichCell`, which sanitizes the value before painting it. ```svelte ``` ## Rendering `SvRichCell` takes the value, sanitizes it, and paints the result: ```svelte {#snippet bodyCell({ getValue })} {/snippet} ``` A grid row is one line tall, so the content is clamped to a single line with an ellipsis and the flattened text goes onto the `title` attribute. Give it more room with `clamp`, or turn the clamp off entirely inside a master/detail panel: ```svelte ``` Set `clamp={0}` only where the row can actually grow. With a fixed row height the overflow is hidden, and with `rowHeight` as a function the row has to be tall enough for the content. ## Markdown Pass `format="markdown"` for values stored as Markdown source rather than HTML: ```svelte ``` This covers the common subset - headings, `**bold**`, `*italic*`, `~~strike~~`, `` `code` ``, links, images, and bullet or ordered lists. It is not a full CommonMark parser: a cell shows a line or two, and a complete parser is a dependency the package does not take. For full Markdown, convert with your own library and pass the resulting HTML. ## Editing `registerBuiltinEditors()` registers `richtext`, which edits the value with `SvRichText`: ```svelte ``` The editor carries a formatting toolbar, so give the column a taller row or edit it from a detail panel rather than a default single-line row. ## Sanitization Everything `SvRichCell` paints goes through `sanitizeHtml` first, and the `richtext` editor sanitizes both the value it receives and the value it commits. Cleaning on the way in means pasted markup never reaches your row data. The allowlist is deliberately narrow - the tags `SvRichText` produces, plus links and images. Dropped: - `