mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-04-06 12:30:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Renders LaTeX that is added to the page in gr.Markdown, gr.Chatbot, and gr.DataFrame (#5393)

Browse Source 
* fix

* add changeset

* add changeset

* cleanup

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
Abubakar Abid 2023-08-31 17:28:01 -07:00 committed by GitHub
parent 4d94ea0a0c
commit e4e7a43199
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/eighty-animals-judge.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/markdown": patch
"gradio": patch
---
fix:Renders LaTeX that is added to the page in `gr.Markdown`, `gr.Chatbot`, and `gr.DataFrame`

17
js/markdown/static/MarkdownCode.svelte
View File

@ -1,21 +1,10 @@
<script lang="ts">
import { createEventDispatcher } from "svelte";
import { afterUpdate, createEventDispatcher } from "svelte";
import DOMPurify from "dompurify";
import render_math_in_element from "katex/dist/contrib/auto-render.js";
import "katex/dist/katex.min.css";
import { marked } from "./utils";
const dispatch = createEventDispatcher();
import "./prism.css";
// import "./prism-dark.css";
// const code_highlight_css = {
// light: (): Promise<typeof import("prismjs/themes/prism.css")> =>
// import("prismjs/themes/prism.css"),
// dark: (): Promise<typeof import("prismjs/themes/prism.css")> =>
// import("prismjs/themes/prism-dark.css")
// };
export let chatbot = true;
export let message: string;
@ -35,9 +24,6 @@
node.setAttribute("rel", "noopener noreferrer");
}
});
$: el && html && render_html(message);
$: if (message && message.trim()) {
html = sanitize_html
? DOMPurify.sanitize(marked.parse(message))
@ -53,6 +39,7 @@
});
}
}
afterUpdate(() => render_html(message));
</script>
<span class:chatbot bind:this={el} class="md">