Ultra Math Preview : VSCode上的LaTeX公式實時預覽插件


一直覺着 VS Code 的 TeX 公式(包括 markdown 和 LaTeX)只能在定界符上hover預覽,或者開一個預覽面板看,沒有那種像 Typora 一樣緊跟在公式后面的預覽面板,多少有些不方便.

於是寫了一個能夠緊跟着公式顯示預覽的擴展:(點擊圖片跳轉)

效果如下:

輸入時可以實時更新:

簡單總結實現就是:

  • 首先使用插件 HyperScopes 提供的 API 拿到 當前文本的 scope ,判斷是否為數學環境
  • 然后上下搜索定界符($,\\[\\]等)位置,拿到數學文本
  • 使用 MathJax 轉成SVG
  • 使用內置 API window.createTextEditorDecorationType 設置文字修飾 CSS ,將 SVG 作為 ::before 偽元素的 content 添加

沒用 hover 是覺着光標一動預覽就沒了,沒用面板預覽是覺着單獨的窗口太笨重且很占地方(不能自己改變大小)。事實上,上述兩個方法 LaTeX Workshop 都實現了。這才有了使用 TextDecoration 的想法。

算是第一次練手的插件了。中間踩了很多坑,有空總結一下。

再放一次鏈接。歡迎下載、測試,打好評🌟🌟🌟🌟🌟~

也歡迎來 Github 提 Issue 。給個 Star⭐吧~~~

原文鏈接:https://www.cnblogs.com/yf-zhao/p/15915300.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM