2020-04-02 20:34:07 +08:00
|
|
|
import { Mark, CommandSpec, 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'
|
|
|
|
|
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-02 20:34:07 +08:00
|
|
|
commands(): CommandSpec {
|
|
|
|
return {
|
|
|
|
bold: (next, { view }) => {
|
2020-04-11 04:07:27 +08:00
|
|
|
toggleMark(this.type)(view.state, view.dispatch)
|
2020-04-02 20:34:07 +08:00
|
|
|
next()
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
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-13 05:42:51 +08:00
|
|
|
return ['**', '__'].map(character => {
|
|
|
|
return markInputRule(
|
2020-04-02 18:41:52 +08:00
|
|
|
VerEx()
|
2020-04-13 05:42:51 +08:00
|
|
|
.add('(?:^|\\s)')
|
2020-04-02 18:41:52 +08:00
|
|
|
.beginCapture()
|
|
|
|
.find(character)
|
|
|
|
.beginCapture()
|
|
|
|
.somethingBut(character)
|
|
|
|
.endCapture()
|
|
|
|
.find(character)
|
|
|
|
.endCapture()
|
|
|
|
.endOfLine(),
|
2020-04-11 04:07:27 +08:00
|
|
|
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 => {
|
|
|
|
return markPasteRule(
|
2020-04-02 18:41:52 +08:00
|
|
|
VerEx()
|
2020-04-13 05:42:51 +08:00
|
|
|
.add('(?:^|\\s)')
|
2020-04-02 18:41:52 +08:00
|
|
|
.beginCapture()
|
|
|
|
.find(character)
|
|
|
|
.beginCapture()
|
|
|
|
.somethingBut(character)
|
|
|
|
.endCapture()
|
|
|
|
.find(character)
|
|
|
|
.endCapture(),
|
2020-04-11 04:07:27 +08:00
|
|
|
this.type,
|
2020-04-13 05:42:51 +08:00
|
|
|
)
|
|
|
|
})
|
2020-04-02 14:53:59 +08:00
|
|
|
}
|
|
|
|
|
2020-03-30 18:40:25 +08:00
|
|
|
}
|