2020-04-02 14:53:59 +08:00
|
|
|
import { Mark, markInputRule, markPasteRule } from '@tiptap/core'
|
2020-03-30 18:40:25 +08:00
|
|
|
import { toggleMark } from 'prosemirror-commands'
|
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-30 18:40:25 +08:00
|
|
|
|
2020-04-01 04:17:54 +08:00
|
|
|
declare module '@tiptap/core/src/Editor' {
|
|
|
|
interface Editor {
|
|
|
|
bold(): Editor,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-03-30 18:40:25 +08:00
|
|
|
export default class Bold extends Mark {
|
|
|
|
|
|
|
|
name = 'bold'
|
|
|
|
|
|
|
|
created() {
|
2020-03-30 18:43:41 +08:00
|
|
|
this.editor.registerCommand('bold', (next, { view }) => {
|
|
|
|
toggleMark(this.schemaType)(view.state, view.dispatch)
|
2020-03-30 18:40:25 +08:00
|
|
|
next()
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2020-04-01 04:57:39 +08:00
|
|
|
schema(): MarkSpec {
|
2020-03-30 18:40:25 +08:00
|
|
|
return {
|
|
|
|
parseDOM: [
|
|
|
|
{
|
|
|
|
tag: 'strong',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
tag: 'b',
|
2020-04-01 04:57:39 +08:00
|
|
|
getAttrs: node => (node as HTMLElement).style.fontWeight !== 'normal' && null,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
style: 'font-weight',
|
|
|
|
getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value as string) && null,
|
2020-03-30 18:40:25 +08:00
|
|
|
},
|
|
|
|
],
|
|
|
|
toDOM: () => ['strong', 0],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-01 04:17:54 +08:00
|
|
|
keys() {
|
|
|
|
return {
|
|
|
|
'Mod-b': () => this.editor.bold(),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-04-02 14:53:59 +08:00
|
|
|
inputRules() {
|
2020-04-02 18:41:52 +08:00
|
|
|
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)
|
2020-04-02 14:53:59 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
pasteRules() {
|
2020-04-02 18:41:52 +08:00
|
|
|
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)
|
2020-04-02 14:53:59 +08:00
|
|
|
}
|
|
|
|
|
2020-03-30 18:40:25 +08:00
|
|
|
}
|