HTML 导出
导出为 HTML 的功能被认为是“有损”的;导出区块为 HTML 时,可能会丢失一些信息。
若要将区块序列化为无损格式(例如,在后端存储编辑器内容),只需使用 JSON.stringify(editor.document) 导出内置区块格式即可。
导出为 BlockNote HTML
使用 editor.blocksToFullHTML 导出具有完整 HTML 结构的区块,和 BlockNote 在渲染的 HTML 中使用的结构相同。
例如,可以将其用于静态渲染编辑器中创建的文档。
为了使导出的 HTML 与编辑器显示一致,请确保用编辑器渲染时相同的 div 包裹,并添加相同的样式表。更多信息请参见 此示例。
blocksToFullHTML(blocks?: Block[]): string;
// 使用示例
const HTMLFromBlocks = editor.blocksToFullHTML(blocks);blocks: 要转换的区块。如果未提供,则使用整个文档(所有顶层区块)。
returns: 导出的 HTML 字符串。
导出为互操作 HTML
编辑器提供了将区块与 HTML 互相转换的函数,以便与其他应用程序互操作。
以此方式将区块转换为 HTML 会丢失部分信息,例如节点嵌套,以导出简洁的 HTML 结构。
使用 blocksToHTMLLossy 将 Block 对象导出为 HTML 字符串:
blocksToHTMLLossy(blocks?: Block[]): string;
// 使用示例
const HTMLFromBlocks = editor.blocksToHTMLLossy(blocks);blocks: 要转换的区块。如果未提供,则使用整个文档(所有顶层区块)。
returns: 导出的 HTML 字符串。
为了更好地符合 HTML 标准,输出的 HTML 中非列表项区块的子元素将不会嵌套。
演示