Markdown viewer
Markdown viewer is a component that allows you to render markdown content. To find out more about markdown syntax, you can visit this page.
Node name : markdown-viewer
Attributes
| Attribute | Type | Required | Default value | Description |
|---|---|---|---|---|
| source | string |
true |
The markdown code to display. | |
| highlight-code | bool |
false |
false |
Highlight code when the mardown contains code. |
| copy-code-button | bool |
false |
false |
Display a button to copy code when the mardown contains code. |
Example
The source attribute can be bound to a string property. Modifications to the property will be reflected in the rendered markdown.
<markdown-viewer source="@Fields.Markdown" highlight-code="true" copy-code-button="true" />
For a preview of the rendering, you can consult the [Components] cluster (https://components.neos.groupeisagri.com/?ui=MarkdownViewerUI&frameId=Components%2FMarkdowViewer).