You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.3 KiB
65 lines
2.3 KiB
import { Node, mergeAttributes } from '@tiptap/core';
|
|
|
|
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(),
|
|
};
|
|
},
|
|
});
|
|
|
|
export { HardBreak, HardBreak as default };
|
|
//# sourceMappingURL=tiptap-extension-hard-break.esm.js.map
|