2020-04-02 14:53:59 +08:00
|
|
|
import { Mark, markInputRule, markPasteRule } from '@tiptap/core'
|
2020-03-31 06:07:12 +08:00
|
|
|
import { toggleMark } from 'prosemirror-commands'
|
2020-04-01 04:57:39 +08:00
|
|
|
import { MarkSpec } from 'prosemirror-model'
|
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'
|
|
|
|
|
|
|
|
created() {
|
|
|
|
this.editor.registerCommand('italic', (next, { view }) => {
|
|
|
|
toggleMark(this.schemaType)(view.state, view.dispatch)
|
|
|
|
next()
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
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-01 04:17:54 +08:00
|
|
|
keys() {
|
|
|
|
return {
|
|
|
|
'Mod-i': () => this.editor.italic(),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-02 14:53:59 +08:00
|
|
|
inputRules() {
|
|
|
|
return [
|
|
|
|
markInputRule(/(?:^|[^_])(_([^_]+)_)$/, this.schemaType),
|
|
|
|
// markInputRule(/(?:^|[^*])(\*([^*]+)\*)$/, this.schemaType),
|
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
pasteRules() {
|
|
|
|
return [
|
|
|
|
markPasteRule(/_([^_]+)_/g, this.schemaType),
|
|
|
|
// markPasteRule(/\*([^*]+)\*/g, this.schemaType),
|
|
|
|
]
|
|
|
|
}
|
|
|
|
|
2020-03-31 06:07:12 +08:00
|
|
|
}
|