fix: fix emoji placement (#2626) (#2645)

This commit is contained in:
nonnullish 2024-03-04 20:56:59 +01:00 committed by GitHub
parent 9f04e17e57
commit 0c15aa55d8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 34 additions and 3 deletions

View file

@ -1,8 +1,10 @@
import type { ExtendedRegExpMatchArray } from '@tiptap/core'
import type { ExtendedRegExpMatchArray, InputRuleFinder, nodeInputRule } from '@tiptap/core'
import type { NodeType } from '@tiptap/pm/model'
import {
InputRule,
Node,
callOrReturn,
mergeAttributes,
nodeInputRule,
nodePasteRule,
} from '@tiptap/core'
import { emojiRegEx, getEmojiAttributes } from '~/config/emojis'
@ -80,7 +82,34 @@ export const TiptapPluginEmoji = Node.create({
},
addInputRules() {
return createEmojiRule(nodeInputRule, this.type)
function emojiInputRule(config: {
find: InputRuleFinder
type: NodeType
getAttributes?:
| Record<string, any>
| ((match: ExtendedRegExpMatchArray) => Record<string, any>)
| false
| null
}) {
return new InputRule({
find: config.find,
handler: ({ state, range, match }) => {
const attributes = callOrReturn(config.getAttributes, undefined, match) || {}
const { tr } = state
const start = range.from
const end = range.to
tr.insert(start, config.type.create(attributes)).delete(
tr.mapping.map(start),
tr.mapping.map(end),
)
tr.scrollIntoView()
},
})
}
return createEmojiRule(emojiInputRule, this.type)
},
addPasteRules() {

View file

@ -13,5 +13,7 @@ export const nodePasteRule = proxy
export const VueNodeViewRenderer = proxy
export const findChildren = proxy
export const VueRenderer = proxy
export const callOrReturn = proxy
export const InputRule = proxy
export { proxy as default }