studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨(frontend) better conversion editor to pdf

Browse Source 
A recent update from Blocknote provides us the
alignment, the color and the background color of
the different editor texts. We adapt our converter
to adapt these new features to the pdf.
This commit is contained in:
Anthony LC
2024-08-02 14:25:19 +02:00
committed by Anthony LC
parent e79a74083a
commit 6eb0ac99e4
4 changed files with 35 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/frontend/apps/impress/src/features/docs/doc-header/components/ModalPDF.tsx
View File

@@ -104,7 +104,7 @@ export const ModalPDF = ({ onClose, doc }: ModalPDFProps) => {
return;
}
let body = await editor.blocksToHTMLLossy(editor.document);
let body = await editor.blocksToFullHTML(editor.document);
body = adaptBlockNoteHTML(body);
createPdf({

12
src/frontend/apps/impress/src/features/docs/doc-header/utils.ts
View File

@@ -11,5 +11,15 @@ export function downloadFile(blob: Blob, filename: string) {
}
export const adaptBlockNoteHTML = (html: string) => {
return html.replaceAll('<p class="bn-inline-content"></p>', '<br/>');
html = html.replaceAll('<p class="bn-inline-content"></p>', '<br/>');
html = html.replaceAll(
/data-text-alignment=\"([a-z]+)\"/g,
'style="text-align: $1;"',
);
html = html.replaceAll(/data-text-color=\"([a-z]+)\"/g, 'style="color: $1;"');
html = html.replaceAll(
/data-background-color=\"([a-z]+)\"/g,
'style="background-color: $1;"',
);
return html;
};