Files
Website/resources/js/editor/ColourHighter.js
2024-04-22 18:16:33 +10:00

29 lines
798 B
JavaScript

import { Extension } from '@tiptap/core'
import { Plugin } from '@tiptap/pm/state'
import findColors from './FindColors.js'
export const ColorHighlighter = Extension.create({
name: 'colorHighlighter',
addProseMirrorPlugins() {
return [
new Plugin({
state: {
init(_, { doc }) {
return findColors(doc)
},
apply(transaction, oldState) {
return transaction.docChanged ? findColors(transaction.doc) : oldState
},
},
props: {
decorations(state) {
return this.getState(state)
},
},
}),
]
},
})