|
|
|
@ -90,32 +90,28 @@ document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
header += `<script src="../../node_modules/react-dom/umd/react-dom.production.min.js"></script>`;
|
|
|
|
header += `<script src="../../node_modules/react-dom/umd/react-dom.production.min.js"></script>`;
|
|
|
|
header += `<script src="../../node_modules/@excalidraw/excalidraw/dist/excalidraw.production.min.js"></script>`;
|
|
|
|
header += `<script src="../../node_modules/@excalidraw/excalidraw/dist/excalidraw.production.min.js"></script>`;
|
|
|
|
header += `<style type="text/css">
|
|
|
|
header += `<style type="text/css">
|
|
|
|
.excalidraw .App-menu_top .buttonList {
|
|
|
|
|
|
|
|
/*display: flex;*/
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.excalidraw-wrapper {
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:root[dir="ltr"]
|
|
|
|
.excalidraw-wrapper {
|
|
|
|
.excalidraw
|
|
|
|
height: 100%;
|
|
|
|
.layer-ui__wrapper
|
|
|
|
}
|
|
|
|
.zen-mode-transition.App-menu_bottom--transition-left {
|
|
|
|
|
|
|
|
transform: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:root[dir="ltr"]
|
|
|
|
|
|
|
|
.excalidraw
|
|
|
|
|
|
|
|
.layer-ui__wrapper
|
|
|
|
|
|
|
|
.zen-mode-transition.App-menu_bottom--transition-left {
|
|
|
|
|
|
|
|
transform: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>`;
|
|
|
|
</style>`;
|
|
|
|
|
|
|
|
|
|
|
|
content = `
|
|
|
|
content = `<div>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
|
|
|
|
const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
|
|
|
|
window.triliumExcalidraw = {elements, appState, files}
|
|
|
|
window.triliumExcalidraw = {elements, appState, files}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<div id="excalidraw-app"/>
|
|
|
|
<div id="excalidraw-app">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script src="../../libraries/excalidraw/canvas_note_share.js"></script>
|
|
|
|
<script src="../../libraries/excalidraw/canvas_note_share.js"></script>
|
|
|
|
`;
|
|
|
|
</div>`;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
else {
|
|
|
|
content = '<p>This note type cannot be displayed.</p>';
|
|
|
|
content = '<p>This note type cannot be displayed.</p>';
|
|
|
|
|