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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
/*
* @copyright Copyright (c) 2021 Jonas <jonas@freesources.org>
*
* @author Jonas <jonas@freesources.org>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
import { Node } from '@tiptap/core'
import { PluginKey } from 'prosemirror-state'
// eslint-disable-next-line import/no-named-as-default
import Suggestion from '@tiptap/suggestion'
export const EmojiPluginKey = new PluginKey('emoji')
const Emoji = Node.create({
name: 'emoji',
addOptions() {
return {
HTMLAttributes: {},
suggestion: {
char: ':',
pluginKey: EmojiPluginKey,
command: ({ editor, range, props }) => {
editor
.chain()
.focus()
.insertContentAt(range, props.native + ' ')
.run()
},
},
}
},
content: 'text*',
addCommands() {
return {
emoji: (emojiObject) => ({ commands }) => {
return commands.insertContent(emojiObject.native + ' ')
},
}
},
addProseMirrorPlugins() {
return [
Suggestion({
editor: this.editor,
...this.options.suggestion,
}),
]
},
})
export default Emoji
|