Add a Mermaid graph input type for Sanity CMS
Read more about using the plugin in this blog post
sanity install mermaidThen use it in your schema:
export default {
name: 'graph',
title: 'Graph',
type: 'document',
fields: [
{
name: 'title',
title: 'Title',
type: 'string',
}, {
type: 'mermaid',
}
]
}In order to render in your frontend you need to manually use the mermaid package.
- Write a helper package providing a serialiser for portable text
- Link to mermaid docs in editor
- Syntax highlighted editor