blob: 39443b1f9fbc6fd05b13cfbb17b4801cb884ad52 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
import TipTapMention from '@tiptap/extension-mention'
import Mention from './Mention.vue'
import { VueNodeViewRenderer } from '@tiptap/vue-2'
export default TipTapMention.extend({
parseHTML() {
return [
{
tag: 'span[data-type="user"]',
getAttrs: element => {
return {
id: element.getAttribute('data-id'),
label: element.innerText ?? element.getAttribute('data-id'),
}
},
priority: 100,
},
]
},
addNodeView() {
return VueNodeViewRenderer(Mention)
},
toMarkdown(state, node) {
state.write(' ')
state.write(`@[${node.attrs.label}](mention://user/${node.attrs.id})`)
state.write(' ')
},
})
|