2025-03-01【npm】一些插件的使用细节

1. markdown-it-katex-gpt

markdown-it的插件,直接使用方法:

const renderMarkdown = new MarkdownIt();
renderMarkdown.use(markdownItKatexGpt, {
  delimiters: [
        {left: '$$', right: '$$', display: true},
        {left: '$', right: '$', display: false},
        {left: '\\(', right: '\\)', display: false},
        {left: '\\[', right: '\\]', display: true}
  ]
});

但默认使用方法会导致公式的字体不是katex.css内置的公式专用字体,问题根源在于markdown-it-katex-gpt的代码:

// 如果不是静默模式,将 LaTeX 公式转换为 MathML
      if (!silent) {
        const content = state.src.slice(start + left.length, pos)
        try {
          const renderedContent = katex.renderToString(content, {
            throwOnError: false,
            output: 'htmlAndMathml',
            displayMode: display
          })
          const token = state.push('html_inline', '', 0)
          token.content = renderedContent
        } catch (e) {
          console.error(e)
        }
      }

output处,原参数为Mathml,这会导致字体渲染失败,改为htmlAndMathml恢复正常

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容