github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 19:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 自动识别md格式发送

Browse Source
This commit is contained in:
kuaifan 2024-03-19 03:15:19 +09:00
parent 3596475790
commit 0e5b44baad
2 changed files with 45 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/assets/js/pages/manage/components/ChatInput/index.vue
View File

@ -156,7 +156,11 @@
</div> </div>
<div class="chat-input-popover-item" @click="onSend('md')"> <div class="chat-input-popover-item" @click="onSend('md')">
<i class="taskfont">&#xe647;</i> <i class="taskfont">&#xe647;</i>
{{$L('Markdown 格式发送')}} {{$L('MD 格式发送')}}
</div>
<div class="chat-input-popover-item" @click="onSend('normal')">
<i class="taskfont">&#xe71b;</i>
{{$L('正常发送')}}
</div> </div>
</EPopover> </EPopover>
</li> </li>
@ -214,6 +218,7 @@ import touchmouse from "../../../../directives/touchmouse";
import TransferDom from "../../../../directives/transfer-dom"; import TransferDom from "../../../../directives/transfer-dom";
import clickoutside from "../../../../directives/clickoutside"; import clickoutside from "../../../../directives/clickoutside";
import longpress from "../../../../directives/longpress"; import longpress from "../../../../directives/longpress";
import {isMarkdownFormat} from "../../../../store/markdown";
import {Store} from "le5le-store"; import {Store} from "le5le-store";
export default { export default {
@ -356,6 +361,7 @@ export default {
}, },
beforeDestroy() { beforeDestroy() {
if (this.quill) { if (this.quill) {
this.quill.getModule("mention")?.hideMentionList();
this.quill = null this.quill = null
} }
if (this.recordRec) { if (this.recordRec) {
@ -1036,7 +1042,7 @@ export default {
this.showMenu = true; this.showMenu = true;
}, },
onSend(type) { onSend(type = 'auto') {
this.emojiTimer && clearTimeout(this.emojiTimer) this.emojiTimer && clearTimeout(this.emojiTimer)
this.emojiQuickShow = false; this.emojiQuickShow = false;
// //
@ -1047,6 +1053,13 @@ export default {
this.hidePopover('send') this.hidePopover('send')
this.rangeIndex = 0 this.rangeIndex = 0
this.clearSearchKey() this.clearSearchKey()
//
if (type === 'auto') {
type = isMarkdownFormat(this.value) ? 'md' : ''
}
if (type === 'normal') {
type = ''
}
if (type) { if (type) {
this.$emit('on-send', null, type) this.$emit('on-send', null, type)
} else { } else {
@ -1286,7 +1299,7 @@ export default {
if (this.userId === data.userid || this.quoteData.userid !== data.userid) { if (this.userId === data.userid || this.quoteData.userid !== data.userid) {
return return
} }
if (new RegExp(`<span[^>]*?class="mention"[^>]*?data-id="${data.userid}"[^>]*?>`).test(this.$refs.editor.firstChild.innerHTML)) { if (new RegExp(`<span[^>]+?class="mention"[^>]+?data-id="${data.userid}"[^>]*?>`).test(this.$refs.editor.firstChild.innerHTML)) {
return return
} }
this.addMention({ this.addMention({

29
resources/assets/js/store/markdown.js vendored
View File

@ -51,3 +51,32 @@ export function MarkdownPreview(text) {
} }
return MarkdownUtils.mds.render(text) return MarkdownUtils.mds.render(text)
} }
export function isMarkdownFormat(html) {
if (html === '') {
return false
}
if (/<\/(strong|s|em|u|ol|ul|li|blockquote|pre|img|a)>/i.test(html)) {
return false
}
if (/<span[^>]+?class="mention"[^>]*?>/i.test(html)) {
return false
}
//
const text = html.replace(/<[^>]+?>/g, '')
if (
/(^|\s+)#+\s(.*)$/m.test(text) // 标题
|| /\*\*(.*)\*\*/m.test(text) // 粗体
|| /__(.*)__/m.test(text) // 粗体
|| /\*(.*)\*/m.test(text) // 斜体
|| /_(.*)_/m.test(text) // 斜体
|| /~~(.*)~~/m.test(text) // 删除线
|| /\[(.*?)\]\((.*?)\)/m.test(text) // 链接
|| /!\[(.*?)\]\((.*?)\)/m.test(text) // 图片
|| /`(.*?)`/m.test(text) // 行内代码
|| /```([\s\S]*?)```/m.test(text) // 代码块
) {
return true
}
return false
}