tiptap/packages/extension-italic/index.ts

74 lines
1.4 KiB
TypeScript
Raw Normal View History

2020-04-02 20:34:07 +08:00
import { Mark, markInputRule, markPasteRule, CommandSpec } from '@tiptap/core'
2020-04-01 04:57:39 +08:00
import { MarkSpec } from 'prosemirror-model'
2020-04-02 18:41:52 +08:00
import VerEx from 'verbal-expressions'
2020-03-31 06:07:12 +08:00
2020-04-01 04:17:54 +08:00
declare module '@tiptap/core/src/Editor' {
interface Editor {
italic(): Editor,
}
}
2020-03-31 06:07:12 +08:00
export default class Italic extends Mark {
name = 'italic'
2020-04-01 04:57:39 +08:00
schema(): MarkSpec {
2020-03-31 06:07:12 +08:00
return {
parseDOM: [
{ tag: 'i' },
{ tag: 'em' },
{ style: 'font-style=italic' },
],
toDOM: () => ['em', 0],
}
}
2020-04-02 20:34:07 +08:00
commands(): CommandSpec {
return {
2020-04-22 20:06:15 +08:00
italic: next => () => {
this.editor.toggleMark(this.name)
2020-04-02 20:34:07 +08:00
next()
},
}
}
2020-04-01 04:17:54 +08:00
keys() {
2020-04-13 18:27:29 +08:00
return {
'Mod-i': () => this.editor.italic()
}
2020-04-01 04:17:54 +08:00
}
2020-04-02 14:53:59 +08:00
inputRules() {
2020-04-13 05:42:51 +08:00
return ['*', '_'].map(character => {
2020-04-13 18:27:29 +08:00
const regex = VerEx()
.add('(?:^|\\s)')
.beginCapture()
.find(character)
.beginCapture()
.somethingBut(character)
.endCapture()
.find(character)
.endCapture()
.endOfLine()
return markInputRule(regex, this.type)
2020-04-13 05:42:51 +08:00
})
2020-04-02 14:53:59 +08:00
}
pasteRules() {
2020-04-13 05:42:51 +08:00
return ['*', '_'].map(character => {
2020-04-13 18:27:29 +08:00
const regex = VerEx()
.add('(?:^|\\s)')
.beginCapture()
.find(character)
.beginCapture()
.somethingBut(character)
.endCapture()
.find(character)
.endCapture()
return markPasteRule(regex, this.type)
2020-04-13 05:42:51 +08:00
})
2020-04-02 14:53:59 +08:00
}
2020-03-31 06:07:12 +08:00
}