@explita/editor/dist/extensions/page-break.js

`@explita/editor` is a versatile, modern rich-text editor built on TipTap for seamless integration into React applications. It provides extensive customization options and advanced features to cater to diverse content creation needs.

import { Node, mergeAttributes } from "@tiptap/core";
export const PageBreak = Node.create({
    name: "pageBreak",
    group: "block",
    selectable: true,
    draggable: false,
    parseHTML() {
        return [{ tag: "div[data-page-break]" }];
    },
    renderHTML({ HTMLAttributes }) {
        return [
            "div",
            mergeAttributes(HTMLAttributes, { "data-page-break": "" }),
            ["hr"],
        ];
    },
    addCommands() {
        return {
            insertPageBreak: () => ({ chain }) => {
                return chain().insertContent({ type: this.name }).run();
            },
        };
    },
    //   addInputRules() {
    //     return [
    //       {
    //         find: /^(---|\*\*\*)$/,
    //         handler: ({ state, range, match, chain }) => {
    //           chain().deleteRange(range).insertContent({ type: this.name }).run();
    //           return true;
    //         },
    //       },
    //     ];
    //   },
});