关于 Latex 问题的讨论

[resetsix]

我研究了好几个 Swift 版本相关的 markdown 渲染库，如swiftui-markdown、swift-markdown-ui、swift-markdown、SwiftyMarkdown、swift-markdownkit、MarkdownKit等等各有优缺点，综合下来 MarkdownView 是体验最好的，也是唯一同时支持解析 markdown 格式和 LaTeX 语法的markdown库。虽然库还比较新但从作者极高的coding水平和惊人的回复速度，我相信这是一个 Swift 版渐进式 Markdown 库。

目前 MarkdownView 是基于 LaTeXSwiftUI 实现的 Latex 数学公式解析与渲染。

存在问题

如果遇到代码块带 $ 会导致后续的部分 LaTeX 失效：

$ pnpm install

解决

修改为 pnpm install or \$ pnpm install or $ pnpm install $

\$ 是转义的意思。

左：受影响的版本。
右：正常

希望还是从库底层访问来解决这个问题。预期效果：lobeui - chat mode

相关代码

import MarkdownView
import SwiftUI

let data = #"""

// TODO 实际代码移除这里的 `\`，此处是为了 Github 渲染正常。
\```bash
pnpm install
\```

---

以下是一段Markdown格式的LaTeX数学公式：

我是一个行内公式：$E=mc^2$

我是一个独立的傅里叶公式：

$$
f(x) = a_0 + \sum_{n=1}^{\infty} \left( a_n \cos(nx) + b_n \sin(nx) \right)
$$

其中，带有积分符号的项：

$$
a_0 = \frac{1}{2\pi} \int_{-\pi}^{\pi} f(x) \, dx
$$

$$
a_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \cos(nx) \, dx \quad \text{for} \quad n \geq 1
$$

$$
b_n = \frac{1}{\pi} \int_{-\pi}^{\pi} f(x) \sin(nx) \, dx \quad \text{for} \quad n \geq 1
$$

我是一个带有分式、测试长度超长的泰勒公式：

$$
\begin{equation}
f(x) = f(a) + f'(a)(x - a) + \frac{f''(a)}{2!}(x - a)^2 + \frac{f'''(a)}{3!}(x - a)^3 + \cdots + \frac{f^{(n)}(a)}{n!}(x - a)^n + R_n(x)
\end{equation}
$$

我是上面公式的行内版本，看看我会不会折行：$f(x) = f(a) + f'(a)(x - a) + \frac{f''(a)}{2!}(x - a)^2 + \frac{f'''(a)}{3!}(x - a)^3 + \cdots + \frac{f^{(n)}(a)}{n!}(x - a)^n + R_n(x)$


我是一个带有上下标的公式：
$$
q_1 q_2 = (w_1 w_2 - \vec{v}_1^T \vec{v}_2, \, w_1 \vec{v}_2 + w_2 \vec{v}_1 + \vec{v}_1 \times \vec{v}_2)
$$

我是一个带有 tag 的公式：
$$
q = a + bi + cj + dk \tag{1}
$$
"""#

struct TestDemo: View {
    var body: some View {
        ScrollView {
            MarkdownView(data)
                .markdownTheme(.gitHub)
                .markdownMathRenderingEnabled()
                .padding(.horizontal)
        }
    }
}

大胆想法

在 MarkdownView 中集成 mermaid，目前能想到的只有 WKWebView 加载 JavaScript 库(Mermaid.js)

[LiYanan2004]

在 MarkdownView 中集成 mermaid，目前能想到的只有 WKWebView 加载 JavaScript 库(Mermaid.js)

其实 latex 本就不是 cmark 中的一部分

只是很多开发者需要用 MarkdownView 来显示 llm 返回的内容 因此才支持了 latex 的渲染

至于你说的 mermaid 这里不做原生支持，你可以通过修改你的 markdown 文本 使用 block directive 来自行支持这项功能

如果遇到代码块带 $ 会导致后续的部分 LaTeX 失效

请发布到 issue 中