当前位置：首页 > news >正文

陕西做网站公司哪家好建网站需求

news 2025/10/30 2:02:32

陕西做网站公司哪家好,建网站需求,全网业务自助商城,手机购物软件有哪些使用如何在marked中展示LaTeX格式的公式： $…$ 或者$$包裹的公式环境准备安装marked.js：npm install marked安装katex来解析公式：npm install katex markded 实现代码示例创建一个Vue组件用于展示Markdown内容在组件中使用marked.js…

使用

如何在marked中展示LaTeX格式的公式：
$…$ 或者$$包裹的公式

环境准备

安装marked.js：npm install marked
安装katex来解析公式：npm install katex markded

实现代码示例

创建一个Vue组件用于展示Markdown内容
在组件中使用marked.js解析Markdown并渲染LaTeX公式

<template><div v-html="format(msg)"></div>
</template><script>
import marked from 'marked';
import 'katex/dist/katex.min.css';
import katex from 'katex';export default {data() {return {val: 'Here is some LaTeX: $E = mc^2$'};},methods: {format(val) {const html = this.renderMath(val); // 使用 KaTeX 渲染数学公式return marked(html, { gfm: true, breaks: true, smartLists: true });},renderMath(html) {// 先匹配 $$...$$ 的块级公式const blockMathRegex = /\$\$([\s\S]*?)\$\$/g;// 再匹配 $...$ 的行内公式（排除已经被 $$ 匹配的部分）const inlineMathRegex = /\$(?!\$)([\s\S]*?)\$(?!\$)/g;// 先处理块级公式html = html.replace(blockMathRegex, (match, math) => {try {return katex.renderToString(math.trim(), {throwOnError: false});} catch (e) {return match;}});// 再处理行内公式html = html.replace(inlineMathRegex, (match, math) => {try {return katex.renderToString(math.trim(), {throwOnError: false});} catch (e) {return match;}});return html;}}
};
</script>