hinesboy / mavonEditor

mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
http://www.mavoneditor.com/
MIT License
6.43k stars 917 forks source link

[Question] 开发环境katex不生效,数学公式不渲染,生产环境又是正常的 #807

Closed wuying052 closed 2 years ago

wuying052 commented 2 years ago

💬 Questions and Help

markdown预览模式,传入的数据,有一段是数学公式

》》bug:【开发环境】自己跑起来的页面,页面显示为 <math><semantics><mrow><msup><mi>χ</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">\chi^2</annotation></semantics></math>χ2 分布、<math><semantics><mrow><mi>t</mi></mrow><annotation encoding="application/x-tex">t</annotation></semantics></math>t 分布、<math><semantics><mrow><mi>F</mi></mrow><annotation encoding="application/x-tex">F</annotation></semantics></math>F 分布

f12查看页面元素为, <span><span>&lt;math&gt;&lt;semantics&gt;&lt;mrow&gt;&lt;msup&gt;&lt;mi&gt;χ&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msup&gt;&lt;/mrow&gt;&lt;annotation encoding="application/x-tex"&gt;\chi^2&lt;/annotation&gt;&lt;/semantics&gt;&lt;/math&gt;</span><span><span></span><span></span><span><span><span>χ</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span>

》》正常情况下,应该如【生产环境】,页面显示为, χ 2分布、t 分布、F 分布 页面元素: <span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msup><mi>χ</mi><mn>2</mn></msup></mrow><annotation encoding="application/x-tex">\chi^2</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:1.008548em;vertical-align:-0.19444em;"></span><span class="mord"><span class="mord mathdefault">χ</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8141079999999999em;"><span style="top:-3.063em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span></span></span></span>

目测 class="katex" 没渲染上去,应该是katex.js哪里出了问题,

》》代码引用方式: katex_css: function () { // katex配色方案路径路径 return "/katex/katex.min.css"; }, katex_js: function () { // katex.js路径 return "/katex/katex.min.js"; }, 改成直接从 cdnjs 引用也不生效

生产环境能生效,代码本身应该没啥问题,就是不知道mavon-editor的这个katex是怎么工作的了

wuying052 commented 2 years ago

找到之前相同问题的issue了,升级一下版本就好了