2020-10-22 18:34:49 +08:00
|
|
|
import { Command, createNode, nodeInputRule } from '@tiptap/core'
|
|
|
|
|
|
|
|
// export type HorizontalRuleCommand = () => Command
|
|
|
|
|
|
|
|
// declare module '@tiptap/core/src/Editor' {
|
|
|
|
// interface Commands {
|
|
|
|
// horizontalRule: HorizontalRuleCommand,
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
export default createNode({
|
|
|
|
name: 'horizontalRule',
|
|
|
|
|
|
|
|
group: 'block',
|
|
|
|
|
|
|
|
parseHTML() {
|
|
|
|
return [
|
|
|
|
{ tag: 'hr' },
|
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
renderHTML({ attributes }) {
|
|
|
|
return ['hr', attributes]
|
|
|
|
},
|
|
|
|
|
|
|
|
addCommands() {
|
|
|
|
return {
|
|
|
|
horizontalRule: () => ({ tr }) => {
|
|
|
|
tr.replaceSelectionWith(this.type.create())
|
|
|
|
|
|
|
|
return true
|
|
|
|
},
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
addInputRules() {
|
|
|
|
return [
|
|
|
|
nodeInputRule(/^(?:---|___\s|\*\*\*\s)$/, this.type),
|
|
|
|
]
|
|
|
|
},
|
|
|
|
})
|