GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-07 05:07:10 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

MathJax

Browse source 
Problems with font cors
(I'm shocked that using the import with the .js worked without a hitch O_O)
This commit is contained in:
Luc Mcgrady 2025-10-27 11:21:03 +00:00
parent 3cf58419d7
commit cd5f25469e
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C
2 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/reviewer/index.ts
View file

@ -104,7 +104,7 @@ async function setInnerHTML(element: Element, html: string): Promise<void> {
} }
} }
const renderError = (type: string) => (error: unknown): string => { export const renderError = (type: string) => (error: unknown): string => {
const errorMessage = String(error).substring(0, 2000); const errorMessage = String(error).substring(0, 2000);
let errorStack: string; let errorStack: string;
if (error instanceof Error) { if (error instanceof Error) {

16
ts/routes/reviewer-inner/index.ts
View file

@ -2,15 +2,18 @@
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html // License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import "../base.scss"; import "../base.scss";
import "../../reviewer/reviewer.scss"; import "../../reviewer/reviewer.scss";
import "mathjax/es5/tex-chtml-full.js";
import { renderError } from "../../reviewer";
import { enableNightMode } from "../reviewer/reviewer"; import { enableNightMode } from "../reviewer/reviewer";
import type { InnerReviewerRequest } from "./reviewerRequest"; import type { InnerReviewerRequest } from "./reviewerRequest";
declare const MathJax: any;
const urlParams = new URLSearchParams(location.search); const urlParams = new URLSearchParams(location.search);
const style = document.createElement("style"); const style = document.createElement("style");
document.head.appendChild(style); document.head.appendChild(style);
addEventListener("message", (e: MessageEvent<InnerReviewerRequest>) => { addEventListener("message", async (e: MessageEvent<InnerReviewerRequest>) => {
switch (e.data.type) { switch (e.data.type) {
case "html": { case "html": {
document.body.innerHTML = e.data.value; document.body.innerHTML = e.data.value;
@ -26,6 +29,17 @@ addEventListener("message", (e: MessageEvent<InnerReviewerRequest>) => {
document.body.classList.add("nightMode"); document.body.classList.add("nightMode");
} }
} }
// wait for mathjax to ready
await MathJax.startup.promise
.then(() => {
// clear MathJax buffers from previous typesets
MathJax.typesetClear();
return MathJax.typesetPromise([document.body]);
})
.catch(renderError("MathJax"));
break; break;
} }
default: { default: {