import { mergeAttributes, Node } from '@tiptap/core' export interface HardBreakOptions { keepMarks: boolean, HTMLAttributes: Record, } declare module '@tiptap/core' { interface Commands { hardBreak: { /** * Add a hard break */ setHardBreak: () => ReturnType, } } } export const HardBreak = Node.create({ name: 'hardBreak', addOptions() { return { keepMarks: true, HTMLAttributes: {}, } }, inline: true, group: 'inline', selectable: false, parseHTML() { return [ { tag: 'br' }, ] }, renderHTML({ HTMLAttributes }) { return ['br', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)] }, renderText() { return '\n' }, addCommands() { return { setHardBreak: () => ({ commands, chain, state, editor, }) => { return commands.first([ () => commands.exitCode(), () => commands.command(() => { const { selection, storedMarks } = state if (selection.$from.parent.type.spec.isolating) { return false } const { keepMarks } = this.options const { splittableMarks } = editor.extensionManager const marks = storedMarks || (selection.$to.parentOffset && selection.$from.marks()) return chain() .insertContent({ type: this.name }) .command(({ tr, dispatch }) => { if (dispatch && marks && keepMarks) { const filteredMarks = marks .filter(mark => splittableMarks.includes(mark.type.name)) tr.ensureMarks(filteredMarks) } return true }) .run() }), ]) }, } }, addKeyboardShortcuts() { return { 'Mod-Enter': () => this.editor.commands.setHardBreak(), 'Shift-Enter': () => this.editor.commands.setHardBreak(), } }, })