
字节笔记本
2026年10月7日 · 约 2 分钟读完
编辑器安装少了样式那个包
用户贴出的页面从 @blocknote/core 引字体样式,从 @blocknote/react 引 useCreateBlockNote,从 @blocknote/shadcn 引 BlockNoteView 和另一份样式。编辑器由这个钩子创建,再交给视图。视图上有一个空的 shadCNComponents 对象,注释写着不传就用默认组件。
安装命令没有覆盖样式那一行
回答里的安装命令是 npm install @blocknote/react @blocknote/shadcn。字体那一行的包不在这条命令里。只按命令安装,字体样式的导入会找不到模块。要和贴出来的导入一致,core 这个包也得装上。
改写后的组件放在带内边距的容器里,标题是 My BlockNote Editor。视图增加了 onEditorReady,回调里打印 Editor is ready,以及 theme 设为 light。用户原来的空组件对象没有留在这份改写里。后面的说明却又把 shadCNComponents、initialContent 和 onChange 列成可以加的属性。列出来不等于改写后的代码已经传了它们。代码里实际多出来的是就绪回调和浅色主题。

使用方式是把组件放进项目,例如文件名 BlockNoteEditor.js,再在 App 里引入。App 的标题是 My App。这一步只是把组件挂上,没有初始文档,也没有把变更写到别处。
空的组件对象表示用库自己的组件。要换,得把项目里的组件放进这个对象。改写版连这个对象都删了,所以换组件的入口不在那一版里。

就绪回调打印的是编辑器实例。它不负责保存内容。说明里提到的变更监听,要另传,不能靠这句打印。
主题写成 light。没有同时给出暗色的那一版。要换主题,改的是这个属性,不是样式文件的路径。



