Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-26 13:43:36 +10:00
Code Issues Packages Projects Releases Wiki Activity

preserve confluence table bg color

Browse Source
This commit is contained in:
Philipinho
2025-09-17 02:34:23 +01:00
parent 5b1a815415
commit fe76851713
3 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/server/src/ee

Submodule apps/server/src/ee updated: ea6b8990a1...4a454317bf

18
packages/editor-ext/src/lib/table/cell.ts
View File

@@ -2,33 +2,39 @@ import { TableCell as TiptapTableCell } from "@tiptap/extension-table-cell";
export const TableCell = TiptapTableCell.extend({ export const TableCell = TiptapTableCell.extend({
name: "tableCell", name: "tableCell",
content: "(paragraph | heading | bulletList | orderedList | taskList | blockquote | callout | image | video | attachment | mathBlock | details | codeBlock)+", content:
"(paragraph | heading | bulletList | orderedList | taskList | blockquote | callout | image | video | attachment | mathBlock | details | codeBlock)+",
addAttributes() { addAttributes() {
return { return {
...this.parent?.(), ...this.parent?.(),
backgroundColor: { backgroundColor: {
default: null, default: null,
parseHTML: (element) => element.style.backgroundColor || null, parseHTML: (element) =>
element.style.backgroundColor ||
element.getAttribute("data-background-color") ||
null,
renderHTML: (attributes) => { renderHTML: (attributes) => {
if (!attributes.backgroundColor) { if (!attributes.backgroundColor) {
return {}; return {};
} }
return { return {
style: `background-color: ${attributes.backgroundColor}`, style: `background-color: ${attributes.backgroundColor}`,
'data-background-color': attributes.backgroundColor, "data-background-color": attributes.backgroundColor,
}; };
}, },
}, },
backgroundColorName: { backgroundColorName: {
default: null, default: null,
parseHTML: (element) => element.getAttribute('data-background-color-name') || null, parseHTML: (element) =>
element.getAttribute("data-background-color-name") || null,
renderHTML: (attributes) => { renderHTML: (attributes) => {
if (!attributes.backgroundColorName) { if (!attributes.backgroundColorName) {
return {}; return {};
} }
return { return {
'data-background-color-name': attributes.backgroundColorName.toLowerCase(), "data-background-color-name":
attributes.backgroundColorName.toLowerCase(),
}; };
}, },
}, },

20
packages/editor-ext/src/lib/table/header.ts
View File

@@ -2,36 +2,42 @@ import { TableHeader as TiptapTableHeader } from "@tiptap/extension-table-header
export const TableHeader = TiptapTableHeader.extend({ export const TableHeader = TiptapTableHeader.extend({
name: "tableHeader", name: "tableHeader",
content: "(paragraph | heading | bulletList | orderedList | taskList | blockquote | callout | image | video | attachment | mathBlock | details | codeBlock)+", content:
"(paragraph | heading | bulletList | orderedList | taskList | blockquote | callout | image | video | attachment | mathBlock | details | codeBlock)+",
addAttributes() { addAttributes() {
return { return {
...this.parent?.(), ...this.parent?.(),
backgroundColor: { backgroundColor: {
default: null, default: null,
parseHTML: (element) => element.style.backgroundColor || null, parseHTML: (element) =>
element.style.backgroundColor ||
element.getAttribute("data-background-color") ||
null,
renderHTML: (attributes) => { renderHTML: (attributes) => {
if (!attributes.backgroundColor) { if (!attributes.backgroundColor) {
return {}; return {};
} }
return { return {
style: `background-color: ${attributes.backgroundColor}`, style: `background-color: ${attributes.backgroundColor}`,
'data-background-color': attributes.backgroundColor, "data-background-color": attributes.backgroundColor,
}; };
}, },
}, },
backgroundColorName: { backgroundColorName: {
default: null, default: null,
parseHTML: (element) => element.getAttribute('data-background-color-name') || null, parseHTML: (element) =>
element.getAttribute("data-background-color-name") || null,
renderHTML: (attributes) => { renderHTML: (attributes) => {
if (!attributes.backgroundColorName) { if (!attributes.backgroundColorName) {
return {}; return {};
} }
return { return {
'data-background-color-name': attributes.backgroundColorName.toLowerCase(), "data-background-color-name":
attributes.backgroundColorName.toLowerCase(),
}; };
}, },
}, },
}; };
}, },
}); });