富文本编辑器
TiptapEditor浏览器模块真实 Tiptap 实例使用固定初始内容;图鉴修改只留在当前实例,不连接文章保存、图片上传或素材库。
正在加载真实组件…
本地演示,内容不会保存
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
containerId | string | 必填 | 已挂载的编辑器容器 ID。 |
options | EditorOptions | 默认配置 | 可设置初始内容、更新回调和编辑器能力。 |
用法
libs/tiptap-editor/src/index.ts// host:宿主组件经 NodeRef 拿到的容器元素。
const editor = window.TiptapEditor.create(host);
editor.setMarkdown('# 一页正在生长的笔记');
// 宿主卸载时销毁实例,释放监听与编辑器资源。
editor.destroy();