tiptap/packages/extension-bold/index.ts

85 lines
1.7 KiB
TypeScript
Raw Normal View History

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
}