search

code-farmer-i / vue-markdown-editor

A markdown editor built on Vue
https://code-farmer-i.github.io/vue-markdown-editor/
MIT License
1.06k stars 109 forks source link

公式渲染出来两遍，一次是katex,一遍是html的，不知道作者遇到过没？ #284

Open HDP2017 opened 3 months ago

HDP2017 commented 3 months ago

数据： 韦达定理描述了一元二次方程中根与系数之间的关系。对于一元二次方程$ax^2+bx+c=0$，若其两根为$x_1$和$x_2$，则有：\n\n1. 根的和：$x_1 + x_2 = -\frac{b}{a}$\n2. 根的积：$x_1 \cdot x_2 = \frac{c}{a}$\n\n这些关系帮助理解方程的解的性质 渲染结果：

111111

dom审查：

222222

如图所示，dom审查的时候，看到每一条公式都会除了katex-mathml 多渲染出来一个katex-html，这个咋解决，不胜感激

xiaoqiuuuu commented 2 months ago

我也遇到了，目前还没找到解决方案，评论一下提提热度

shungdawei commented 2 months ago

是不是少引用样式了，研究 Bytemd 时遇到过

Bytemd 的 $公式$ 真是坑惨了，出现字符重复的原因是少了一个样式，网上参考的示例都没说到。 import "katex/dist/katex.css";

sqlyr commented 2 months ago

应该就是缺样式，不过我找了半天没看到docs里有引入样式的痕迹= =很奇怪

xiaoqiuuuu commented 2 months ago

应该就是缺样式，不过我找了半天没看到docs里有引入样式的痕迹= =很奇怪

我在引入这个 css 之后，问题解决了

import 'katex/dist/katex.css';
sqlyr commented 1 month ago

应该就是缺样式，不过我找了半天没看到docs里有引入样式的痕迹= =很奇怪

我在引入这个 css 之后，问题解决了

import 'katex/dist/katex.css';

这种方式肯定能解决，不过我尝试跑源码的docs跑不起来，而且没看到源码的docs里面有引入动作，看不太懂他文档里面咋搞的