github/marktext
5
0
Fork 0
mirror of https://github.com/marktext/marktext.git synced 2025-05-19 02:10:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

opti: add katex css only when there is math fomular in export html (#1038)

Browse Source
This commit is contained in:
Ran Luo 2019-05-24 03:15:59 +08:00 committed by Felix Häusler
parent 9eff8248b4
commit d06bf6db9d
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/muya/lib/utils/exportHtml.js
View File

@ -29,6 +29,7 @@ class ExportHtml {
this.markdown = markdown
this.muya = muya
this.exportContainer = null
this.mathRendererCalled = false
}
renderMermaid () {
@ -92,8 +93,16 @@ class ExportHtml {
}
}
mathRenderer = (math, displayMode) => {
this.mathRendererCalled = true
return katex.renderToString(math, {
displayMode
})
}
// render pure html by marked
async renderHtml () {
this.mathRendererCalled = false
let html = marked(this.markdown, {
highlight (code, lang) {
// Language may be undefined (GH#591)
@ -120,11 +129,7 @@ class ExportHtml {
return `:${emoji}:`
}
},
mathRenderer (math, displayMode) {
return katex.renderToString(math, {
displayMode
})
}
mathRenderer: this.mathRenderer
})
html = sanitize(html, EXPORT_DOMPURIFY_CONFIG)
const exportContainer = this.exportContainer = document.createElement('div')
@ -160,6 +165,7 @@ class ExportHtml {
// WORKAROUND: Hide Prism.js style when exporting or printing. Otherwise the background color is white in the dark theme.
const highlightCssStyle = printOptimization ? `@media print { ${highlightCss} }` : highlightCss
const html = await this.renderHtml()
const katexCssStyle = this.mathRendererCalled ? katexCss : ''
return `<!DOCTYPE html>
<html lang="en">
<head>
@ -173,7 +179,7 @@ class ExportHtml {
${highlightCssStyle}
</style>
<style>
${katexCss}
${katexCssStyle}
</style>
<style>
.markdown-body {