Code block for Blocknote.
A demo is worth a thousand words
Get the package
$ yarn add @defensestation/blocknote-codeInclude module at your application
import { CodeBlock, insertCode } from "@defensestation/blocknote-code";Create schema with code block.
const schema = BlockNoteSchema.create({
blockSpecs: {
...defaultBlockSpecs,
procode: CodeBlock,
},
});Add slash menu item.
<BlockNoteView
editor={editor}
slashMenu={false}
>
<SuggestionMenuController
triggerCharacter={"/"}
getItems={async (query) =>
filterSuggestionItems(
[...getDefaultReactSlashMenuItems(editor), insertCode()],
query
)
}
/>
</BlockNoteView>