GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-25 09:16:38 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

iframe poc

Browse source
This commit is contained in:
Luc Mcgrady 2025-09-22 01:23:44 +01:00
parent 1e67a773c6
commit da90e3c718
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
ts/routes/reviewer/reviewer.svelte
View file

@ -1,16 +1,40 @@
<script lang="ts">
import { bridgeCommand } from "@tslib/bridgecommand";
import type { Writable } from "svelte/store";
import { isNightMode } from "../../html-filter/helpers";
export let html: Writable<string>;
export let cardClass: Writable<string>;
let iframe: HTMLIFrameElement;
html.subscribe(($html) => {
if (iframe?.contentDocument) {
iframe.contentDocument.body.innerHTML = $html;
iframe.contentDocument.head.innerHTML = document.head.innerHTML;
iframe.contentDocument.body.className = isNightMode()
? "nightMode card"
: "card";
iframe.contentDocument.querySelector("html")!.className = isNightMode()
? "night-mode"
: "";
//@ts-ignore
iframe.contentDocument.pycmd = bridgeCommand;
}
});
</script>
<div id="qa" class={$cardClass}>
{@html $html}
<iframe bind:this={iframe} title="card" frameborder="0"></iframe>
</div>
<style lang="scss">
#qa {
flex: 1;
}
iframe {
width: 100%;
height: 100%;
}
</style>