Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions packages/docs/fluent-editor/demos/table-up-clipboard.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<script setup lang="ts">
import type FluentEditor from '@opentiny/fluent-editor'
import { onMounted, ref } from 'vue'
import 'quill-table-up/index.css'
import 'quill-table-up/table-creator.css'

let editorContextmenu: FluentEditor
let editorSelect: FluentEditor
const editorContextmenuRef = ref<HTMLElement>()

onMounted(async () => {
// ssr compat, reference: https://vitepress.dev/guide/ssr-compat#importing-in-mounted-hook
const [
{ default: FluentEditor, DEFAULT_TOOLBAR, generateTableUp },
{ defaultCustomSelect, TableMenuContextmenu, TableSelection, TableUp },
] = await Promise.all([
import('@opentiny/fluent-editor'),
import('quill-table-up'),
])

FluentEditor.register({ 'modules/table-up': generateTableUp(TableUp) }, true)
if (editorContextmenuRef.value) {
editorContextmenu = new FluentEditor(editorContextmenuRef.value, {
theme: 'snow',
modules: {
'toolbar': [
...DEFAULT_TOOLBAR,
[{ 'table-up': [] }],
],
'table-up': {
customSelect: defaultCustomSelect,
pasteStyleSheet: true,
pasteDefaultTagStyle: false,
modules: [
{ module: TableSelection },
{ module: TableMenuContextmenu },
],
},
},
})
}
})
</script>

<template>
<div>
<p>
主要针对从 Excel 粘贴内容时,quill-table-up从3.5.0版本新增的选项 pasteStyleSheet,配置为 true 会将粘贴的 html 中 style 标签的样式也进行解析。
如果你希望保留粘贴 html 中通过标签选择器设置的样式,可以将 pasteDefaultTagStyle 也设置为 true。
</p>
<p> 请注意:如果开启了配置 pasteStyleSheet,可能会对粘贴时的解析性能造成一定影响,因为会对整个粘贴的文档进行额外的解析。</p>
<div ref="editorContextmenuRef" />
</div>
</template>
4 changes: 4 additions & 0 deletions packages/docs/fluent-editor/docs/demo/table-up.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,3 +19,7 @@ npm install quill-table-up
## 快捷菜单配置

<demo vue="../../demos/table-up-shortcut.vue" />

## 表格剪粘板

<demo vue="../../demos/table-up-clipboard.vue" />
2 changes: 1 addition & 1 deletion packages/docs/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
"quill-cursors": "^4.0.3",
"quill-header-list": "0.0.2",
"quill-markdown-shortcuts": "^0.0.10",
"quill-table-up": "^3.4.0",
"quill-table-up": "^3.5.0",
"quill-toolbar-tip": "1.1.0",
"simple-mind-map": "0.14.0-fix.1",
"simple-mind-map-plugin-themes": "^1.0.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/projects/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"@tailwindcss/vite": "^4.0.0",
"quill-cursors": "^4.0.4",
"quill-header-list": "0.0.2",
"quill-table-up": "^3.0.1",
"quill-table-up": "^3.5.0",
"sass": "^1.90.0",
"simple-mind-map": "0.14.0-fix.1",
"simple-mind-map-plugin-themes": "^1.0.1",
Expand Down
44 changes: 17 additions & 27 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading