富文本编辑器

TiptapEditor浏览器模块

真实 Tiptap 实例使用固定初始内容;图鉴修改只留在当前实例,不连接文章保存、图片上传或素材库。

预览

正在加载真实组件…
本地演示,内容不会保存

属性

名称类型默认值说明
containerIdstring必填已挂载的编辑器容器 ID。
optionsEditorOptions默认配置可设置初始内容、更新回调和编辑器能力。

用法

libs/tiptap-editor/src/index.ts
TypeScript
// host:宿主组件经 NodeRef 拿到的容器元素。
const editor = window.TiptapEditor.create(host);
editor.setMarkdown('# 一页正在生长的笔记');
// 宿主卸载时销毁实例,释放监听与编辑器资源。
editor.destroy();