浏览器模块 / COMPONENT ATLAS
富文本编辑器TiptapEditor
真实 Tiptap 实例使用固定初始内容；图鉴修改只留在当前实例，不连接文章保存、图片上传或素材库。
亲手试一试。
01 / LIVE PREVIEW正在加载真实组件…
STATES / 示例状态
本地编辑格式化Markdown 源码
本地演示，内容不会保存。INTERACTIVE SPECIMEN · 跟随全站主题
用法
02 / USAGE下方展示组件的调用方式。
const editor = window.TiptapEditor.create('article-editor');
editor?.setMarkdown('# 一页正在生长的笔记');
// 宿主卸载时销毁实例，释放监听与编辑器资源。
editor?.destroy();主要属性
03 / PROPERTIES| 属性 / 类型 | 默认值 | 说明 |
|---|---|---|
containerIdstring | 必填 | 已挂载的编辑器容器 ID。 |
optionsEditorOptions | 默认配置 | 可设置初始内容、更新回调和编辑器能力。 |