feat: add math extension to editor

front/components/Editor/Extensions/MathEquation/MathEquationBlock.ts

@@ -0,0 +1,35 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+
+import MathEquationBlockComponent from "./MathEquationBlockComponent";
+
+export default Node.create({
+  name: "blockMathEquation",
+  group: "block",
+
+  atom: true,
+
+  addAttributes() {
+    return {
+      math_equation: {
+        default: "",
+      },
+    };
+  },
+
+  parseHTML() {
+    return [
+      {
+        tag: "block-math-equation",
+      },
+    ];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ["block-math-equation", mergeAttributes(HTMLAttributes), 0];
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(MathEquationBlockComponent);
+  },
+});