From 71526d8acb10af1ffd4a197fb305d9405b2381bd Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 5 Mar 2026 04:36:12 -0800
Subject: [PATCH 1/4] feat: add vitepress-demo-plugin
---
packages/docs/fluent-editor/.vitepress/config.ts | 7 +++++++
.../fluent-editor/docs/demo/add-toolbar-item.md | 3 +--
packages/docs/fluent-editor/docs/demo/ai.md | 3 +--
.../docs/fluent-editor/docs/demo/basic-usage.md | 3 +--
.../docs/demo/code-block-highlight.md | 3 +--
.../docs/demo/collaborative-editing.md | 3 +--
packages/docs/package.json | 1 +
pnpm-lock.yaml | 16 ++++++++++++++++
8 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/packages/docs/fluent-editor/.vitepress/config.ts b/packages/docs/fluent-editor/.vitepress/config.ts
index 4b7186d4..a4030ced 100644
--- a/packages/docs/fluent-editor/.vitepress/config.ts
+++ b/packages/docs/fluent-editor/.vitepress/config.ts
@@ -2,6 +2,7 @@ import { fileURLToPath, URL } from 'node:url'
import packageJson from '@opentiny/fluent-editor/package.json' with { type: 'json'}
import { demoPreviewPlugin } from '@vitepress-code-preview/plugin'
import { defineConfig, loadEnv } from 'vitepress'
+import { vitepressDemoPlugin } from 'vitepress-demo-plugin'
import llmstxt from 'vitepress-plugin-llms'
import { sidebar } from './sidebar'
@@ -100,6 +101,12 @@ export default defineConfig({
return `${content}`
}
})
+ md.use(vitepressDemoPlugin, {
+ playground: { show: true },
+ codeTransformer: (code) => {
+ return code.replace(/import\.meta\.env\.BASE_URL/g, `'${process.env.VITEPRESS_BASE || '/'}'`)
+ },
+ })
},
},
vite: {
diff --git a/packages/docs/fluent-editor/docs/demo/add-toolbar-item.md b/packages/docs/fluent-editor/docs/demo/add-toolbar-item.md
index 6c3beda2..1ef70ef4 100644
--- a/packages/docs/fluent-editor/docs/demo/add-toolbar-item.md
+++ b/packages/docs/fluent-editor/docs/demo/add-toolbar-item.md
@@ -4,5 +4,4 @@
本示例增加点赞、点踩两个工具栏图标，点赞可以给文本设置绿色，点踩可以给文本设置红色。
-:::demo src=demos/add-toolbar-item.vue
-:::
+
\ No newline at end of file
diff --git a/packages/docs/fluent-editor/docs/demo/ai.md b/packages/docs/fluent-editor/docs/demo/ai.md
index 3e2a5e61..b0553a96 100644
--- a/packages/docs/fluent-editor/docs/demo/ai.md
+++ b/packages/docs/fluent-editor/docs/demo/ai.md
@@ -8,8 +8,7 @@
该功能依赖于大模型的 API Key，无法在官网的 Demo 中进行体验。如果你想体验该功能，可以本地启动 TinyEditor 项目，并使用 Ollama 启动本地大模型；或者配置线上大模型的 host 和 apiKey。
:::
-:::demo src=demos/ai.vue
-:::
+
## API
diff --git a/packages/docs/fluent-editor/docs/demo/basic-usage.md b/packages/docs/fluent-editor/docs/demo/basic-usage.md
index badbbbe5..6734934a 100644
--- a/packages/docs/fluent-editor/docs/demo/basic-usage.md
+++ b/packages/docs/fluent-editor/docs/demo/basic-usage.md
@@ -13,5 +13,4 @@
]
```
-:::demo src=demos/basic-usage.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/code-block-highlight.md b/packages/docs/fluent-editor/docs/demo/code-block-highlight.md
index 4e46dc60..2aa7bb50 100644
--- a/packages/docs/fluent-editor/docs/demo/code-block-highlight.md
+++ b/packages/docs/fluent-editor/docs/demo/code-block-highlight.md
@@ -2,5 +2,4 @@
使用代码块高亮需要安装 [`highlight.js`](https://highlightjs.org/) 插件，并将导入的 highlight.js 传递给 `syntax` 模块的 `hljs` 选项。
-:::demo src=demos/code-block-highlight.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/collaborative-editing.md b/packages/docs/fluent-editor/docs/demo/collaborative-editing.md
index b27b5e19..e2564cfb 100644
--- a/packages/docs/fluent-editor/docs/demo/collaborative-editing.md
+++ b/packages/docs/fluent-editor/docs/demo/collaborative-editing.md
@@ -15,8 +15,7 @@
下面是一个完整的协同编辑演示：
-:::demo src=demos/collaborative-editing.vue
-:::
+
## 快速开始
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 7fd142de..32bdf3ab 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -51,6 +51,7 @@
"postcss": "^8.5.3",
"vite": "^6.0.3",
"vitepress": "^1.5.0",
+ "vitepress-demo-plugin": "1.5.0",
"vitepress-plugin-llms": "^1.1.3"
}
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7478b4d7..56fb5e82 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -183,6 +183,9 @@ importers:
vitepress:
specifier: ^1.5.0
version: 1.6.4(@algolia/client-search@5.41.0)(@types/node@24.9.2)(less@4.4.2)(lightningcss@1.30.2)(postcss@8.5.6)(sass@1.93.2)(search-insights@2.17.3)(typescript@5.9.3)
+ vitepress-demo-plugin:
+ specifier: 1.5.0
+ version: 1.5.0(shiki@2.5.0)(vitepress@1.6.4(@algolia/client-search@5.41.0)(@types/node@24.9.2)(less@4.4.2)(lightningcss@1.30.2)(postcss@8.5.6)(sass@1.93.2)(search-insights@2.17.3)(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3))
vitepress-plugin-llms:
specifier: ^1.1.3
version: 1.8.1
@@ -5786,6 +5789,13 @@ packages:
yaml:
optional: true
+ vitepress-demo-plugin@1.5.0:
+ resolution: {integrity: sha512-f9qFNbJpNkpEzojxVmnin265vM4IuGF781AmBJcCUCBrh7e5FUxoXyyArJtKNup7/0ygnAzzAg+5nB4pK9OoiA==}
+ peerDependencies:
+ shiki: '*'
+ vitepress: '*'
+ vue: ^3.2.0
+
vitepress-plugin-llms@1.8.1:
resolution: {integrity: sha512-Bxf7tbCvfNyANMip2cSydBQ14mV3c1t+1kqTd26CgMjehYtD7s4ANQ465OMLxw1apnT37PCktyXdLi3TWWihQA==}
@@ -12261,6 +12271,12 @@ snapshots:
sass: 1.93.2
yaml: 2.8.1
+ vitepress-demo-plugin@1.5.0(shiki@2.5.0)(vitepress@1.6.4(@algolia/client-search@5.41.0)(@types/node@24.9.2)(less@4.4.2)(lightningcss@1.30.2)(postcss@8.5.6)(sass@1.93.2)(search-insights@2.17.3)(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3)):
+ dependencies:
+ shiki: 2.5.0
+ vitepress: 1.6.4(@algolia/client-search@5.41.0)(@types/node@24.9.2)(less@4.4.2)(lightningcss@1.30.2)(postcss@8.5.6)(sass@1.93.2)(search-insights@2.17.3)(typescript@5.9.3)
+ vue: 3.5.22(typescript@5.9.3)
+
vitepress-plugin-llms@1.8.1:
dependencies:
gray-matter: 4.0.3
From e5795e51aab034ca44caa8d0bbc41b156d52e6ce Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 5 Mar 2026 04:37:26 -0800
Subject: [PATCH 2/4] feat: modify document demo
---
packages/docs/fluent-editor/docs/demo/counter.md | 6 ++----
packages/docs/fluent-editor/docs/demo/custom-toolbar.md | 3 +--
packages/docs/fluent-editor/docs/demo/file-upload.md | 6 ++----
packages/docs/fluent-editor/docs/demo/format-painter.md | 3 +--
packages/docs/fluent-editor/docs/demo/formula.md | 9 +++------
packages/docs/fluent-editor/docs/demo/get-content.md | 6 ++----
packages/docs/fluent-editor/docs/demo/header-list.md | 6 ++----
packages/docs/fluent-editor/docs/demo/i18n.md | 6 ++----
packages/docs/fluent-editor/docs/demo/image-tool.md | 6 ++----
9 files changed, 17 insertions(+), 34 deletions(-)
diff --git a/packages/docs/fluent-editor/docs/demo/counter.md b/packages/docs/fluent-editor/docs/demo/counter.md
index 4c7c6c7b..25cda8d2 100644
--- a/packages/docs/fluent-editor/docs/demo/counter.md
+++ b/packages/docs/fluent-editor/docs/demo/counter.md
@@ -6,15 +6,13 @@
通过配置 `counter` 为 true，可以开启字符统计功能。
-:::demo src=demos/counter.vue
-:::
+
## 最大字符数
默认最大字符数为 500，通过配置 `count` 属性，可以自定义最大字符数。
-:::demo src=demos/counter-count.vue
-:::
+
## API
diff --git a/packages/docs/fluent-editor/docs/demo/custom-toolbar.md b/packages/docs/fluent-editor/docs/demo/custom-toolbar.md
index df3e2f89..714c30c2 100644
--- a/packages/docs/fluent-editor/docs/demo/custom-toolbar.md
+++ b/packages/docs/fluent-editor/docs/demo/custom-toolbar.md
@@ -14,5 +14,4 @@
Quill 支持的工具栏: [https://quilljs.com/docs/modules/toolbar](https://quilljs.com/docs/modules/toolbar)
-:::demo src=demos/custom-toolbar.vue
-:::
+
\ No newline at end of file
diff --git a/packages/docs/fluent-editor/docs/demo/file-upload.md b/packages/docs/fluent-editor/docs/demo/file-upload.md
index 75ccb6dd..a1f3ead2 100644
--- a/packages/docs/fluent-editor/docs/demo/file-upload.md
+++ b/packages/docs/fluent-editor/docs/demo/file-upload.md
@@ -4,8 +4,7 @@
默认会处理视频与图片格式，其他格式统一被处理为文件显示
-:::demo src=demos/file-upload.vue
-:::
+
## 服务器端上传
@@ -17,8 +16,7 @@
所以，如果上传四张图片，最终的结果应该是： edge 浏览器图标、chrome 浏览器图标、edge 浏览器图标、chrome 浏览器图标
-:::demo src=demos/file-upload-handle.vue
-:::
+
## Options
diff --git a/packages/docs/fluent-editor/docs/demo/format-painter.md b/packages/docs/fluent-editor/docs/demo/format-painter.md
index faa40f43..73ac5a42 100644
--- a/packages/docs/fluent-editor/docs/demo/format-painter.md
+++ b/packages/docs/fluent-editor/docs/demo/format-painter.md
@@ -4,5 +4,4 @@
选择一段文本后，单击格式刷按钮，再次选择另外一段文本可实现格式复制。双击后可多次粘贴格式，再次点击按钮退出。
-:::demo src=demos/format-painter.vue
-:::
+
\ No newline at end of file
diff --git a/packages/docs/fluent-editor/docs/demo/formula.md b/packages/docs/fluent-editor/docs/demo/formula.md
index 8f9e5100..98b9bb5f 100644
--- a/packages/docs/fluent-editor/docs/demo/formula.md
+++ b/packages/docs/fluent-editor/docs/demo/formula.md
@@ -8,8 +8,7 @@
测试公式内容：e=mc^2
-:::demo src=demos/formula.vue
-:::
+
## 化学公式
@@ -17,8 +16,7 @@
测试公式: `\ce{x Na(NH4)HPO4 ->[\Delta] (NaPO3)_x + x NH3 ^ + x H2O}`
-:::demo src=demos/formula-chemistry.vue
-:::
+
## 可编辑公式
@@ -50,5 +48,4 @@ import 'mathlive/fonts.css'
`0.104.0` 及以上版本的 `mathlive` 存在公式编辑面板闪退问题，请使用 `0.103.0` 及以下版本。
:::
-:::demo src=demos/formula-mathlive.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/get-content.md b/packages/docs/fluent-editor/docs/demo/get-content.md
index 44ab0e84..e26ad81c 100644
--- a/packages/docs/fluent-editor/docs/demo/get-content.md
+++ b/packages/docs/fluent-editor/docs/demo/get-content.md
@@ -6,12 +6,10 @@
测试视频链接：[https://media.w3.org/2010/05/sintel/trailer.mp4](https://media.w3.org/2010/05/sintel/trailer.mp4)
-:::demo src=demos/get-content-html.vue
-:::
+
## 获取 Delta 内容
通过调用 `editor.getContents()` 方法获取编辑器的 Delta 内容。
-:::demo src=demos/get-content-delta.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/header-list.md b/packages/docs/fluent-editor/docs/demo/header-list.md
index d4f1bfd7..23dd5d15 100644
--- a/packages/docs/fluent-editor/docs/demo/header-list.md
+++ b/packages/docs/fluent-editor/docs/demo/header-list.md
@@ -12,8 +12,7 @@ npm install quill-header-list
创建一个元素用于存放标题列表，并将其传入`header-list`的`container`属性。
-:::demo src=demos/header-list.vue
-:::
+
## 设置滚动容器
@@ -21,8 +20,7 @@ npm install quill-header-list
当页面中存在`fixed`元素处于顶部时，你可能会需要进行额外的滚动 offset(比如此文档页面)，否则会导致滚动后的标题被`fixed`元素遮挡。可以设置`topOffset`额外滚动距离。
-:::demo src=demos/header-list-container.vue
-:::
+
## 参数选项
diff --git a/packages/docs/fluent-editor/docs/demo/i18n.md b/packages/docs/fluent-editor/docs/demo/i18n.md
index 0672fc6d..08c43dfc 100644
--- a/packages/docs/fluent-editor/docs/demo/i18n.md
+++ b/packages/docs/fluent-editor/docs/demo/i18n.md
@@ -8,8 +8,7 @@ Welcome to commit PR for more language support.
可通过函数 `changeLanguage({ lang, langText })` 修改当前语言
-:::demo src=demos/i18n.vue
-:::
+
## 自定义文本
@@ -19,5 +18,4 @@ Welcome to commit PR for more language support.
针对直接使用文本作为显示的模块选项，可以使用模板`_i18n"key"`，内部会自动根据当前编辑器语言替换 key 对应的文本
-:::demo src=demos/i18n-custom.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/image-tool.md b/packages/docs/fluent-editor/docs/demo/image-tool.md
index d309b123..01dadc42 100644
--- a/packages/docs/fluent-editor/docs/demo/image-tool.md
+++ b/packages/docs/fluent-editor/docs/demo/image-tool.md
@@ -4,15 +4,13 @@
点击图片可显示图片相关工具
-:::demo src=demos/image-toolbar.vue
-:::
+
## 工具栏按钮配置
可通过配置项 `modules.image.toolbar.buttons` 对工具栏按钮进行配置。默认存在 `align-left`、`align-center`、`align-right`、`copy`、`download` 五个按钮，可以自行增加按钮或者通过设置 `false` 关闭某个按钮。
-:::demo src=demos/image-toolbar-button.vue
-:::
+
## 配置
From 68178c19bc127a95c2eede37fe91371b85e3bb55 Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 5 Mar 2026 04:37:31 -0800
Subject: [PATCH 3/4] feat: modify document demo
---
packages/docs/fluent-editor/docs/demo/emoji.md | 3 +--
.../docs/fluent-editor/docs/demo/flow-chart.md | 12 ++++--------
packages/docs/fluent-editor/docs/demo/markdown.md | 3 +--
packages/docs/fluent-editor/docs/demo/mention.md | 10 +++-------
packages/docs/fluent-editor/docs/demo/mind-map.md | 15 +++++----------
packages/docs/fluent-editor/docs/demo/readonly.md | 3 +--
.../docs/fluent-editor/docs/demo/screenshot.md | 6 ++----
.../docs/fluent-editor/docs/demo/set-content.md | 6 ++----
.../docs/fluent-editor/docs/demo/shortcut-key.md | 3 +--
packages/docs/fluent-editor/docs/demo/table-up.md | 9 +++------
.../docs/fluent-editor/docs/demo/toolbar-tip.md | 3 +--
11 files changed, 24 insertions(+), 49 deletions(-)
diff --git a/packages/docs/fluent-editor/docs/demo/emoji.md b/packages/docs/fluent-editor/docs/demo/emoji.md
index 2239273c..c2c15a36 100644
--- a/packages/docs/fluent-editor/docs/demo/emoji.md
+++ b/packages/docs/fluent-editor/docs/demo/emoji.md
@@ -14,8 +14,7 @@ npm i @floating-ui/dom @emoji-mart/data emoji-mart
> `emojiData`、`EmojiPicker`、`emojiPickerPosition` 支持通过 window 传入
-:::demo src=demos/emoji.vue
-:::
+
## Options
diff --git a/packages/docs/fluent-editor/docs/demo/flow-chart.md b/packages/docs/fluent-editor/docs/demo/flow-chart.md
index a0b95118..847f9b10 100644
--- a/packages/docs/fluent-editor/docs/demo/flow-chart.md
+++ b/packages/docs/fluent-editor/docs/demo/flow-chart.md
@@ -23,29 +23,25 @@ npm install @logicflow/core @logicflow/extension
通过配置工具栏按钮 `flow-chart`，并启用 `flow-chart`模块: `'flow-chart': true` 可以开启流程图功能。
-:::demo src=demos/flow-chart.vue
-:::
+
## 网格样式
流程图模块支持配置网格样式，可以配置网格大小、颜色、类型等设置。
-:::demo src=demos/flow-chart-grid.vue
-:::
+
## 背景样式
流程图模块支持配置背景样式，可以配置背景颜色、图片等设置。
-:::demo src=demos/flow-chart-background.vue
-:::
+
## 调整大小
流程图模块支持调整流程图的大小，拖动调整手柄可以改变流程图的尺寸。
-:::demo src=demos/flow-chart-resize.vue
-:::
+
## 配置
diff --git a/packages/docs/fluent-editor/docs/demo/markdown.md b/packages/docs/fluent-editor/docs/demo/markdown.md
index be847495..577c1349 100644
--- a/packages/docs/fluent-editor/docs/demo/markdown.md
+++ b/packages/docs/fluent-editor/docs/demo/markdown.md
@@ -4,5 +4,4 @@
比如：输入 `#`，再按空格键，即可插入一级标题格式；输入 `-`，再按空格键，即可插入无序列表格式；输入 `>`，再按空格键，即可插入引用格式。
-:::demo src=demos/markdown.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/mention.md b/packages/docs/fluent-editor/docs/demo/mention.md
index ede13fb7..f79abac4 100644
--- a/packages/docs/fluent-editor/docs/demo/mention.md
+++ b/packages/docs/fluent-editor/docs/demo/mention.md
@@ -6,15 +6,12 @@
通过配置 `mention` 模块，可以开启@提醒功能。
-:::demo src=demos/mention.vue
-:::
-
+
## 自定义列表样式
通过配置 `renderMentionItem` 方法，可以自定义选项列表的样式。
-:::demo src=demos/mention-custom-list.vue
-:::
+
## 跳转链接
@@ -22,8 +19,7 @@
当编辑器处于可编辑状态时，链接跳转不可以，注意切换为只读状态。
-:::demo src=demos/mention-link.vue
-:::
+
## API
diff --git a/packages/docs/fluent-editor/docs/demo/mind-map.md b/packages/docs/fluent-editor/docs/demo/mind-map.md
index 19c7664e..59b422e5 100644
--- a/packages/docs/fluent-editor/docs/demo/mind-map.md
+++ b/packages/docs/fluent-editor/docs/demo/mind-map.md
@@ -23,36 +23,31 @@ npm install simple-mind-map simple-mind-map-plugin-themes
通过配置工具栏按钮 `mind-map`，并启用 `mind-map`模块: `'mind-map': true` 可以开启思维导图功能。
-:::demo src=demos/mind-map.vue
-:::
+
## 背景样式
思维导图模块支持配置背景样式，可以配置背景颜色、图片等设置。
-:::demo src=demos/mind-map-background.vue
-:::
+
## 调整大小
思维导图模块支持调整思维导图的大小，拖动调整手柄可以改变思维导图的尺寸。
-:::demo src=demos/mind-map-resize.vue
-:::
+
## 连线样式
思维导图模块支持配置连线样式，可以配置连线颜色、样式等设置。其中曲线只在logicalStructure逻辑结构图和mindMap思维导图两种结构时生效。
-:::demo src=demos/mind-map-line.vue
-:::
+
## 主题样式
思维导图模块支持配置主题样式，传入主题名称即可。需要注意的是设置了主题后改变的是节点，连线，背景等相关样式，所以设置了主题和背景样式和连线样式后，背景样式和连线样式会覆盖与其相关的主题样式。
-:::demo src=demos/mind-map-theme.vue
-:::
+
## 配置
diff --git a/packages/docs/fluent-editor/docs/demo/readonly.md b/packages/docs/fluent-editor/docs/demo/readonly.md
index d7563706..c47bead1 100644
--- a/packages/docs/fluent-editor/docs/demo/readonly.md
+++ b/packages/docs/fluent-editor/docs/demo/readonly.md
@@ -2,5 +2,4 @@
通过配置 `modules.toolbar` 为 false 可以隐藏工具栏，配置 `readOnly` 为 true 可以设置只读模式。
-:::demo src=demos/readonly.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/screenshot.md b/packages/docs/fluent-editor/docs/demo/screenshot.md
index 6c6d24f3..4c6325e5 100644
--- a/packages/docs/fluent-editor/docs/demo/screenshot.md
+++ b/packages/docs/fluent-editor/docs/demo/screenshot.md
@@ -11,8 +11,7 @@ import Html2Canvas from 'html2canvas'
window.Html2Canvas = Html2Canvas
```
-:::demo src=demos/screenshot.vue
-:::
+
## 上传截图
@@ -20,8 +19,7 @@ window.Html2Canvas = Html2Canvas
默认截图的格式是 Base64，你可以在 `screenshot.beforeCreateImage` 中处理截屏图片，将图片上传到服务器，再将服务器返回的图片 URL 显示到编辑器中。
-:::demo src=demos/screenshot-upload-to-server.vue
-:::
+
## API
diff --git a/packages/docs/fluent-editor/docs/demo/set-content.md b/packages/docs/fluent-editor/docs/demo/set-content.md
index 8a3d1026..c95c609d 100644
--- a/packages/docs/fluent-editor/docs/demo/set-content.md
+++ b/packages/docs/fluent-editor/docs/demo/set-content.md
@@ -4,12 +4,10 @@
通过设置 `editor.root.innerHTML`，可以初始化 HTML 内容。
-:::demo src=demos/set-content-html.vue
-:::
+
## 初始化 Delta 内容
配置调用 `editor.setContents()` 方法，可以初始化 Delta 内容。
-:::demo src=demos/set-content-delta.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/shortcut-key.md b/packages/docs/fluent-editor/docs/demo/shortcut-key.md
index b44020f2..54c4189f 100644
--- a/packages/docs/fluent-editor/docs/demo/shortcut-key.md
+++ b/packages/docs/fluent-editor/docs/demo/shortcut-key.md
@@ -2,5 +2,4 @@
快捷菜单功能默认关闭，可通过配置 `shortcut-key` 模块为 true 进行开启，开启后，placeholder 会显示“输入 / 唤起菜单”，当我们在空行输入 `/` 时就会唤起快捷菜单，可以通过方向键进行菜单选择，按 Enter 确定，实现纯键盘操作，提升操作效率。
-:::demo src=demos/shortcut-key.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/table-up.md b/packages/docs/fluent-editor/docs/demo/table-up.md
index 75d0bea9..20cd189a 100644
--- a/packages/docs/fluent-editor/docs/demo/table-up.md
+++ b/packages/docs/fluent-editor/docs/demo/table-up.md
@@ -10,15 +10,12 @@ npm install quill-table-up
## 单元格操作菜单
-:::demo src=demos/table-up-menu.vue
-:::
+
## 单元格大小调整
-:::demo src=demos/table-up-resize.vue
-:::
+
## 快捷菜单配置
-:::demo src=demos/table-up-shortcut.vue
-:::
+
diff --git a/packages/docs/fluent-editor/docs/demo/toolbar-tip.md b/packages/docs/fluent-editor/docs/demo/toolbar-tip.md
index 21d64ba0..453046ee 100644
--- a/packages/docs/fluent-editor/docs/demo/toolbar-tip.md
+++ b/packages/docs/fluent-editor/docs/demo/toolbar-tip.md
@@ -14,5 +14,4 @@ npm install quill-toolbar-tip
> 注意注册模块名称请保持为`toolbar-tip`
-:::demo src=demos/toolbar-tip.vue
-:::
+
From 4c2f3a467f1c155fb2cc0f6187a8ff947a95b15e Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Thu, 5 Mar 2026 23:03:42 -0800
Subject: [PATCH 4/4] feat: adapt to environmental variables
---
packages/docs/fluent-editor/.vitepress/config.ts | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/packages/docs/fluent-editor/.vitepress/config.ts b/packages/docs/fluent-editor/.vitepress/config.ts
index a4030ced..dce024fe 100644
--- a/packages/docs/fluent-editor/.vitepress/config.ts
+++ b/packages/docs/fluent-editor/.vitepress/config.ts
@@ -104,7 +104,7 @@ export default defineConfig({
md.use(vitepressDemoPlugin, {
playground: { show: true },
codeTransformer: (code) => {
- return code.replace(/import\.meta\.env\.BASE_URL/g, `'${process.env.VITEPRESS_BASE || '/'}'`)
+ return code.replace(/import\.meta\.env\.BASE_URL/g, `'${env.VITE_BASE_URL || '/tiny-editor/'}'`)
},
})
},