import { Mark, markInputRule, markPasteRule } from '@tiptap/core' import { toggleMark } from 'prosemirror-commands' import { MarkSpec } from 'prosemirror-model' import VerEx from 'verbal-expressions' declare module '@tiptap/core/src/Editor' { interface Editor { italic(): Editor, } } export default class Italic extends Mark { name = 'italic' created() { this.editor.registerCommand('italic', (next, { view }) => { toggleMark(this.schemaType)(view.state, view.dispatch) next() }) } schema(): MarkSpec { return { parseDOM: [ { tag: 'i' }, { tag: 'em' }, { style: 'font-style=italic' }, ], toDOM: () => ['em', 0], } } keys() { return { 'Mod-i': () => this.editor.italic(), } } inputRules() { return ['*', '_'].map(character => ([ // match start of line markInputRule( VerEx() .startOfLine() .beginCapture() .find(character) .beginCapture() .somethingBut(character) .endCapture() .find(character) .endCapture() .endOfLine(), this.schemaType, ), // match before whitespace markInputRule( VerEx() .whitespace() .beginCapture() .find(character) .beginCapture() .somethingBut(character) .endCapture() .find(character) .endCapture() .endOfLine(), this.schemaType, ), ])) .flat(1) } pasteRules() { return ['*', '_'].map(character => ([ // match start of line markPasteRule( VerEx() .startOfLine() .beginCapture() .find(character) .beginCapture() .somethingBut(character) .endCapture() .find(character) .endCapture(), this.schemaType, ), // match before whitespace markPasteRule( VerEx() .whitespace() .beginCapture() .find(character) .beginCapture() .somethingBut(character) .endCapture() .find(character) .endCapture(), this.schemaType, ), ])) .flat(1) } }