Code block for Blocknote

!Stability Badge

Code block for Blocknote.


Demo

A demo is worth a thousand words

Installation

$3

Get the package

``shell
$ yarn add @defensestation/blocknote-code
`

Usage

Include module at your application

`javascript
import { CodeBlock, insertCode } from "@defensestation/blocknote-code";
`

Create schema with code block.
`javascript
const schema = BlockNoteSchema.create({
blockSpecs: {
...defaultBlockSpecs,
procode: CodeBlock,
},
});
`

Add slash menu item.
`javascript
editor={editor}
slashMenu={false}
>
triggerCharacter={"/"}
getItems={async (query) =>
filterSuggestionItems(
[...getDefaultReactSlashMenuItems(editor), insertCode()],
query
)
}
/>

``