editor improvements

* add callout, youtube embed, image, video, table, detail, math * fix attachments module * other fixes
2026-08-31 02:46:27 +08:00 · 2024-06-20 14:57:00 +01:00
parent c7925739cb
commit 1f4bd129a8
74 changed files with 5205 additions and 381 deletions
@@ -0,0 +1,96 @@
+import { Node, defaultBlockAt, mergeAttributes } from "@tiptap/core";
+import { Selection } from "@tiptap/pm/state";
+
+export interface DetailsSummaryOptions {
+  HTMLAttributes: Record<string, any>;
+}
+
+export const DetailsSummary = Node.create<DetailsSummaryOptions>({
+  name: "detailsSummary",
+  group: "block",
+  content: "inline*",
+  defining: true,
+  isolating: true,
+  selectable: false,
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "summary",
+      },
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "summary",
+      mergeAttributes(
+        { "data-type": this.name },
+        this.options.HTMLAttributes,
+        HTMLAttributes,
+      ),
+      0,
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Backspace: ({ editor }) => {
+        const state = editor.state;
+        const selection = state.selection;
+        if (selection.$anchor.parent.type.name !== this.name) {
+          return false;
+        }
+        if (selection.$anchor.parentOffset !== 0) {
+          return false;
+        }
+        return editor.chain().unsetDetails().focus().run();
+      },
+      Enter: ({ editor }) => {
+        const view = editor.view;
+        const state = editor.state;
+
+        const head = state.selection.$head;
+        if (head.parent.type.name !== this.name) {
+          return false;
+        }
+
+        const hasOffset =
+          // @ts-ignore
+          view.domAtPos(head.after() + 1).node.offsetParent !== null;
+        const findNode = hasOffset
+          ? state.doc.nodeAt(head.after())
+          : head.node(-2);
+        if (!findNode) {
+          return false;
+        }
+
+        const indexAfter = hasOffset ? 0 : head.indexAfter(-1);
+        const nodeType = defaultBlockAt(findNode.contentMatchAt(indexAfter));
+        if (
+          !nodeType ||
+          !findNode.canReplaceWith(indexAfter, indexAfter, nodeType)
+        ) {
+          return false;
+        }
+
+        const defaultNode = nodeType.createAndFill();
+        if (!defaultNode) {
+          return false;
+        }
+
+        const tr = state.tr;
+        const after = hasOffset ? head.after() + 1 : head.after(-1);
+        tr.replaceWith(after, after, defaultNode);
+        tr.setSelection(Selection.near(tr.doc.resolve(after), 1));
+
+        tr.scrollIntoView();
+        view.dispatch(tr);
+
+        return true;
+      },
+    };
+  },
+});