sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-25 12:04:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make math node handling better

Browse Source
This commit is contained in:
Philipinho
2024-07-22 13:05:07 +01:00
parent 78746938b7
commit cd47c79d86
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/editor-ext/src/lib/math/math-block.ts
+6 -4
View File
@@ -36,7 +36,9 @@ export const MathBlock = Node.create({
return { return {
text: { text: {
default: "", default: "",
parseHTML: (element) => element.innerHTML.split("$")[1], parseHTML: (element) => {
return element.innerHTML;
},
}, },
}; };
}, },
@@ -44,7 +46,7 @@ export const MathBlock = Node.create({
parseHTML() { parseHTML() {
return [ return [
{ {
tag: "div", tag: `div[data-type="${this.name}"]`,
getAttrs: (node: HTMLElement) => { getAttrs: (node: HTMLElement) => {
return node.hasAttribute("data-katex") ? {} : false; return node.hasAttribute("data-katex") ? {} : false;
}, },
@@ -55,8 +57,8 @@ export const MathBlock = Node.create({
renderHTML({ HTMLAttributes }) { renderHTML({ HTMLAttributes }) {
return [ return [
"div", "div",
{}, { "data-type": this.name, "data-katex": true },
["div", { "data-katex": true }, `$$${HTMLAttributes.text}$$`], `${HTMLAttributes.text}`,
]; ];
}, },
packages/editor-ext/src/lib/math/math-inline.ts
+9 -3
View File
@@ -37,7 +37,9 @@ export const MathInline = Node.create<MathInlineOption>({
return { return {
text: { text: {
default: "", default: "",
parseHTML: (element) => element.innerHTML.split("$")[1], parseHTML: (element) => {
return element.innerHTML;
},
}, },
}; };
}, },
@@ -45,7 +47,7 @@ export const MathInline = Node.create<MathInlineOption>({
parseHTML() { parseHTML() {
return [ return [
{ {
tag: "span", tag: `span[data-type="${this.name}"]`,
getAttrs: (node: HTMLElement) => { getAttrs: (node: HTMLElement) => {
return node.hasAttribute("data-katex") ? {} : false; return node.hasAttribute("data-katex") ? {} : false;
}, },
@@ -54,7 +56,11 @@ export const MathInline = Node.create<MathInlineOption>({
}, },
renderHTML({ HTMLAttributes }) { renderHTML({ HTMLAttributes }) {
return ["span", { "data-katex": true }, `$${HTMLAttributes.text}$` || {}]; return [
"span",
{ "data-type": this.name, "data-katex": true },
`${HTMLAttributes.text}`,
];
}, },
addNodeView() { addNodeView() {