<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[KaTeX 数学功能已上线]]></title><description><![CDATA[#113 KaTeX 数学功能已上线]]></description><link>https://www.pkuanvil.com/topic/113/katex-数学功能已上线</link><generator>RSS for Node</generator><lastBuildDate>Wed, 17 Jun 2026 22:36:18 GMT</lastBuildDate><atom:link href="https://www.pkuanvil.com/topic/113.rss" rel="self" type="application/rss+xml"/><pubDate>Tue, 20 Dec 2022 21:42:17 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to KaTeX 数学功能已上线 on Tue, 20 Dec 2022 22:16:05 GMT]]></title><description><![CDATA[<p dir="auto">插件源代码：<a href="https://github.com/pkuanvil/nodebb-plugin-katex" rel="nofollow ugc">https://github.com/pkuanvil/nodebb-plugin-katex</a></p>
<p dir="auto">目前在后端渲染 <span class="katex"><span class="katex-mathml">KaTeX\KaTeX</span><span class="katex-html"><span class="base"><span class="strut" style="height:0.8988em;vertical-align:-0.2155em"></span><span class="mord text"><span class="mord textrm">K</span><span class="mspace" style="margin-right:-0.17em"></span><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.6833em"><span style="top:-2.905em"><span class="pstrut" style="height:2.7em"></span><span class="mord"><span class="mord textrm mtight sizing reset-size6 size3">A</span></span></span></span></span></span><span class="mspace" style="margin-right:-0.15em"></span><span class="mord text"><span class="mord textrm">T</span><span class="mspace" style="margin-right:-0.1667em"></span><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.4678em"><span style="top:-2.7845em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord textrm">E</span></span></span></span><span class="vlist-s">​</span></span><span class="vlist-r"><span class="vlist" style="height:0.2155em"><span></span></span></span></span><span class="mspace" style="margin-right:-0.125em"></span><span class="mord textrm">X</span></span></span></span></span></span>，这不需要改动前端（前端只需要引入一个 css 文件），至于不在客户端渲染的理由么……原因只有一个，站长目前精力不足以把所有 js 动态渲染的地方揪出来，而只在 <code>DOMContentLoaded</code> 里面调用一次  <code>katex.render(math, elem, options)</code> 是不够用的，所以就先这样吧，后端渲染也挺讨巧的</p>
<p dir="auto">这个算是本站引入的第一个非 NodeBB 的功能，但是没有增加任何前端代码，也没有改动后端的数据库，甚至<code>markdown-it</code> 的语法分析插件都有人写好了（识别 <code>$$</code> 和 <code>\\[</code> 等数学模式分隔符），使得实现本质上就是一行<code>parser.use()</code>……</p>
<p dir="auto">其他加强富文本功能的各种脚本都可以陆续规划中，比如 <a href="https://asciinema.org/" rel="nofollow ugc">https://asciinema.org/</a> （纯文字版的命令行交互录像，用一堆<code>&lt;div&gt;</code>显示在浏览器中）等等</p>
]]></description><link>https://www.pkuanvil.com/post/538</link><guid isPermaLink="true">https://www.pkuanvil.com/post/538</guid><dc:creator><![CDATA[admin]]></dc:creator><pubDate>Tue, 20 Dec 2022 22:16:05 GMT</pubDate></item></channel></rss>