NOTE
这篇文章不是用块编辑器写的。
我觉得功能太简单了,无法写出复杂内容的页面。对于我自己来说,不如手写舒服。
集成此功能的主要目的是多样化支持(免费代码越写越死),后续还想支持 Typst: Compose papers faster。
总共花了两天时间:看文档,学 React 框架,最终差强人意地集成进来了,代码改动其实很少,主要时间在学习各种东西。
那还是说几个不好体验吧:
- LOGO 的这种蓝紫色风格太 AI 了。有一种 Vibe Coding 的感觉,有点不适。
- 很难自定义,文档看起来很多,其实可用内容很少。而且部分内容需升级成 Pro 才能看。
- 很多组件没有文档。比如
Image
,得靠从文档结构反推用法。 - “
Image
组件如何重写上传UI”不给看,难以自定义。
- 很多组件没有文档。比如
- 会允许一些不规范的内容存在:
- 允许段落内出来列表。见:BlockNote - Tables。HTML 规范是不允许
<p>
内出现<ul>
的。
- 允许段落内出来列表。见:BlockNote - Tables。HTML 规范是不允许
文档结构(Document Structure)没有明确的规范文档,只能从实践反推规范。从“文档结构”到“HTML”的渲染过程是我自己手写的。只能做到尽量兼容。
对表格的编辑体验比较满意,勉强算比较接近 Confluence 的编辑体验了。
测试用 Blocknote 编写的文章:《测试 Blocknote 块编辑器》。