import marked from '../parser/marked'
import Prism from 'prismjs2'
import katex from 'katex'
import githubMarkdownCss from 'github-markdown-css/github-markdown.css'
import highlightCss from 'prismjs2/themes/prism.css'
import katexCss from 'katex/dist/katex.css'
import { EXPORT_DOMPURIFY_CONFIG } from '../config'
import { sanitize } from '../utils'
import { validEmoji } from '../ui/emojis'
export const getSanitizeHtml = markdown => {
const html = marked(markdown)
return sanitize(html, EXPORT_DOMPURIFY_CONFIG)
}
class ExportHtml {
constructor (markdown) {
this.markdown = markdown
}
// render pure html by marked
renderHtml () {
return marked(this.markdown, {
highlight (code, lang) {
return Prism.highlight(code, Prism.languages[lang], lang)
},
emojiRenderer (emoji) {
const validate = validEmoji(emoji)
if (validate) {
return validate.emoji
} else {
return `:${emoji}:`
}
},
mathRenderer (math, displayMode) {
return katex.renderToString(math, {
displayMode
})
}
})
}
// get html with style
generate (filename = '') {
const html = this.renderHtml()
return `
${filename}
${html}
`
}
}
export default ExportHtml