diff --git a/package.json b/package.json
index 8118e39..2017483 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
"@iconify-json/ion": "^1.2.3",
"@kangc/v-md-editor": "^2.3.18",
"@onlyoffice/document-editor-vue": "^1.5.0",
+ "@soerenmartius/vue3-clipboard": "^0.1.2",
"@tiptap/core": "^2.23.1",
"@tiptap/extension-blockquote": "^2.23.1",
"@tiptap/extension-emoji": "^2.23.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d6511c8..bc59a0e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,6 +26,9 @@ importers:
'@onlyoffice/document-editor-vue':
specifier: ^1.5.0
version: 1.5.0(vue@3.5.17(typescript@5.2.2))
+ '@soerenmartius/vue3-clipboard':
+ specifier: ^0.1.2
+ version: 0.1.2
'@tiptap/core':
specifier: ^2.23.1
version: 2.23.1(@tiptap/pm@2.23.1)
@@ -898,6 +901,9 @@ packages:
resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
engines: {node: '>=18'}
+ '@soerenmartius/vue3-clipboard@0.1.2':
+ resolution: {integrity: sha512-a5er6cFGcFIQ/3qg6kWvU0yFqIz9iWoQGEVs9azjevyRyMAKvj1w3JuLH9y6+u0WhMNby3kn7nuR8nktSnDesg==}
+
'@tiptap/core@2.23.1':
resolution: {integrity: sha512-EURGKGsEPrwxvOPi9gA+BsczvsECJNV+xgTAGWHmEtU4YJ0AulYrCX3b7FK+aiduVhThIHDoG/Mmvmb/HPLRhQ==}
peerDependencies:
@@ -1613,6 +1619,9 @@ packages:
resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
engines: {node: '>=0.10.0'}
+ clipboard@2.0.11:
+ resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
+
cliui@8.0.1:
resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
engines: {node: '>=12'}
@@ -2347,6 +2356,9 @@ packages:
resolution: {integrity: sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==}
engines: {node: '>=6'}
+ good-listener@1.2.2:
+ resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
+
gopd@1.2.0:
resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
engines: {node: '>= 0.4'}
@@ -3358,6 +3370,9 @@ packages:
seemly@0.3.10:
resolution: {integrity: sha512-2+SMxtG1PcsL0uyhkumlOU6Qo9TAQ/WyH7tthnPIOQB05/12jz9naq6GZ6iZ6ApVsO3rr2gsnTf3++OV63kE1Q==}
+ select@1.1.2:
+ resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
+
semver@5.7.2:
resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
hasBin: true
@@ -3543,6 +3558,9 @@ packages:
resolution: {integrity: sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==}
engines: {node: '>=12.22'}
+ tiny-emitter@2.1.0:
+ resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
+
tinyexec@1.0.1:
resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
@@ -4559,6 +4577,10 @@ snapshots:
'@sindresorhus/merge-streams@4.0.0': {}
+ '@soerenmartius/vue3-clipboard@0.1.2':
+ dependencies:
+ clipboard: 2.0.11
+
'@tiptap/core@2.23.1(@tiptap/pm@2.23.1)':
dependencies:
'@tiptap/pm': 2.23.1
@@ -5518,6 +5540,12 @@ snapshots:
isobject: 3.0.1
static-extend: 0.1.2
+ clipboard@2.0.11:
+ dependencies:
+ good-listener: 1.2.2
+ select: 1.1.2
+ tiny-emitter: 2.1.0
+
cliui@8.0.1:
dependencies:
string-width: 4.2.3
@@ -6299,6 +6327,10 @@ snapshots:
transitivePeerDependencies:
- supports-color
+ good-listener@1.2.2:
+ dependencies:
+ delegate: 3.2.0
+
gopd@1.2.0: {}
graceful-fs@4.2.11: {}
@@ -7430,6 +7462,8 @@ snapshots:
seemly@0.3.10: {}
+ select@1.1.2: {}
+
semver@5.7.2:
optional: true
@@ -7609,6 +7643,8 @@ snapshots:
throttle-debounce@5.0.2: {}
+ tiny-emitter@2.1.0: {}
+
tinyexec@1.0.1: {}
tinyglobby@0.2.14:
diff --git a/src/components/editor/TiptapEditor.vue b/src/components/editor/TiptapEditor.vue
index 69a68e8..808aaae 100644
--- a/src/components/editor/TiptapEditor.vue
+++ b/src/components/editor/TiptapEditor.vue
@@ -9,7 +9,7 @@ import { computePosition, flip, shift } from '@floating-ui/dom'
import Link from '@tiptap/extension-link'
import { Extension, Node } from '@tiptap/core'
import { Plugin, PluginKey } from '@tiptap/pm/state'
-
+import { IosSend } from '@vicons/ionicons4'
import { reactive, watch, ref, markRaw, computed, onMounted, onUnmounted, shallowRef } from 'vue'
@@ -216,6 +216,7 @@ const editor = useEditor({
return suggestion.items({
query,
props: {
+ uid: props.uid,
members: props.members,
isGroupManager: (dialogueStore.groupInfo).is_manager
}
@@ -397,7 +398,11 @@ async function onUploadFile(e) {
if (file.type.indexOf('image/') === 0) {
- let fn = emitCall('image_event', file, () => {})
+ const form = new FormData()
+ form.append('file', file)
+ form.append('source', 'fonchain-chat')
+ const { data } = await uploadImg(form)
+ let fn = emitCall('image_event', { url: data.ori_url, size: file.size }, () => { })
emit('editor-event', fn)
return
@@ -522,6 +527,8 @@ function tiptapToString() {
result += node.attrs.alt || ''
} else if (node.type === 'hardBreak') {
result += '\n'
+ } else if (node.type === 'image') {
+ result += '[图片]'
}
})
}
@@ -705,7 +712,8 @@ function onSubscribeEdit(data) {
editor.value.commands.clearContent(true)
- editor.value.commands.insertContent(data.content)
+ editor.value.commands.insertContent(data.content.replace(/\n/g, '
'))
+
editor.value.commands.focus('end')
@@ -784,6 +792,16 @@ useEventBus([
{{ nav.title }}
+