Skip to content

PreCodeNode component ​

Codeopt-in: requires extra setup (plugin, loader, or renderer option)

Plain `<pre><code>` rendering selected by the `render-code-blocks-as-pre` renderer prop; also the fallback surface for code and diagram blocks.

Markdown input
```plain text
The same fence renders as plain <pre>
when render-code-blocks-as-pre is enabled.
```
Live rendered output
Plain Text
The same fence renders as plain <pre>
when render-code-blocks-as-pre is enabled.

Customize & override

Override built-in components — replace this node renderer safely with scoped overrides. Renderer & node components reference — see all exported components and their props.

Related components