Add print functionality for markdown preview
This commit is contained in:
13
src/App.tsx
13
src/App.tsx
@@ -170,6 +170,19 @@ export default function App() {
|
|||||||
[]
|
[]
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const handlePrintMarkdown = useCallback(() => {
|
||||||
|
if (!markdownPreview) return;
|
||||||
|
document.body.classList.add("print-markdown");
|
||||||
|
const cleanup = () => {
|
||||||
|
document.body.classList.remove("print-markdown");
|
||||||
|
window.removeEventListener("afterprint", cleanup);
|
||||||
|
};
|
||||||
|
window.addEventListener("afterprint", cleanup);
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
window.print();
|
||||||
|
});
|
||||||
|
}, [markdownPreview]);
|
||||||
|
|
||||||
const statusKey = useMemo(() => {
|
const statusKey = useMemo(() => {
|
||||||
if (isViewingHistory) return "history";
|
if (isViewingHistory) return "history";
|
||||||
if (isDirty) return "unsaved";
|
if (isDirty) return "unsaved";
|
||||||
|
|||||||
Reference in New Issue
Block a user