gru/rustpad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(pdf): add configurable PDF export and improve print rendering

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-09-12 00:01:25 +02:00
parent f9cf17554a
commit c5e01916c8
12 changed files with 584 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/editor.html
+35 -4
View File
@@ -42,7 +42,7 @@
<span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span>
</button>
<div id="header-actions" class="header-actions"><button id="copy-link" class="secondary-button">Copy
link</button>
link</button><button id="export-pdf" class="secondary-button" type="button" title="Export PDF">PDF</button>
<details class="page-settings">
<summary class="secondary-button" aria-label="Page options"><span class="page-settings__label"><span
class="page-settings__status" aria-hidden="true"></span>Page</span><span
@@ -118,8 +118,7 @@
data-format="definition">Definition</button><button type="button"
data-format="highlight">Highlight</button><button type="button"
data-format="subscript">Subscript</button><button type="button"
data-format="superscript">Superscript</button><button type="button"
data-format="horizontal-rule">Horizontal rule</button></div>
data-format="superscript">Superscript</button><button type="button" data-format="page-break" title="Page break (PDF) · Ctrl/Cmd+Enter">Page break (PDF)</button></div>
</details>
</div>
<button id="mobile-upload-button" class="mobile-upload-button" type="button"
@@ -270,6 +269,38 @@
<div id="history-list" class="history-list"></div>
</aside>
</main>
<dialog id="pdf-export-dialog" class="app-dialog">
<form id="pdf-export-form" method="dialog" class="dialog-panel pdf-export-panel">
<button class="modal-close" type="button" data-pdf-cancel aria-label="Close dialog">×</button>
<h2>Export PDF</h2>
<p class="dialog-copy" data-i18n="editor.pdfPageBreakHelp">Use --- or Ctrl/Cmd+Enter to start a new PDF page.</p>
<div class="pdf-export-fields">
<label><span>Page format</span><select class="app-select-input" id="pdf-page-format">
<option value="a4-portrait">A4 — Portrait</option>
<option value="a4-landscape">A4 — Landscape</option>
<option value="a3-portrait">A3 — Portrait</option>
<option value="a3-landscape">A3 — Landscape</option>
<option value="a5-portrait">A5 — Portrait</option>
<option value="letter-portrait">Letter — Portrait</option>
<option value="letter-landscape">Letter — Landscape</option>
<option value="screen-16-9">16:9 — Presentation</option>
<option value="screen-4-3">4:3 — Presentation</option>
</select></label>
<label><span>Margins</span><select class="app-select-input" id="pdf-page-margin">
<option value="8">Narrow (8 mm)</option>
<option value="12" selected>Normal (12 mm)</option>
<option value="20">Wide (20 mm)</option>
</select></label>
</div>
<div class="pdf-export-options">
<label class="public-task-toggle pdf-export-title-toggle"><input id="pdf-include-title" type="checkbox"> Include document title</label>
<label class="public-task-toggle pdf-export-color-toggle"><input id="pdf-preserve-colors" type="checkbox"> <span data-i18n="editor.preservePdfColors">Preserve colors and backgrounds</span></label>
</div>
<p class="pdf-export-color-help" data-i18n="editor.pdfColorHelp">Keeps syntax highlighting, alerts, quotes, highlights, table headers, and other colors in the PDF.</p>
<p class="pdf-export-help">The browser print dialog will open. Choose Save as PDF.</p>
<div class="dialog-actions"><button class="secondary-button" value="cancel" type="button" data-pdf-cancel>Cancel</button><button id="generate-pdf" class="primary-button" type="submit">Generate PDF</button></div>
</form>
</dialog>
<dialog id="shortcuts-dialog">
<div class="dialog-panel shortcuts-panel">
<div class="files-head">
@@ -283,7 +314,7 @@
change</span><kbd>Ctrl/Cmd+Shift+Z</kbd><span>Redo</span><kbd>Ctrl/Cmd+B</kbd><span>Bold</span><kbd>Ctrl/Cmd+I</kbd><span>Italic</span><kbd>Ctrl/Cmd+Shift+X</kbd><span>Strikethrough</span><kbd>Ctrl/Cmd+K</kbd><span>Link</span><kbd>Ctrl/Cmd+Shift+7</kbd><span>Numbered
list</span><kbd>Ctrl/Cmd+Shift+8</kbd><span>Bullet list</span><kbd>Ctrl/Cmd+Shift+9</kbd><span>Task
list</span><kbd>Alt+1…4</kbd><span>Headings H1–H4</span><kbd>Tab</kbd><span>Indent by 2
spaces</span><kbd>Shift+Tab</kbd><span>Remove indentation</span>__EXTRA_SHORTCUTS__
spaces</span><kbd>Shift+Tab</kbd><span>Remove indentation</span><kbd>Ctrl/Cmd+Enter</kbd><span>Page break (PDF)</span>__EXTRA_SHORTCUTS__
</div>
</div>
</dialog>