Render LaTeX with KaTeX ($...$)

Renders inline LaTeX formulas written as $formula$ using KaTeX
当前为 2025-06-05 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Render LaTeX with KaTeX ($...$)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Renders inline LaTeX formulas written as $formula$ using KaTeX
// @author       ergs0204
// @match        https://notebooklm.google.com/*
// @grant        none
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js
// @resource     katexCSS https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css
// @license      MIT
// @copyright    2025, ergs0204 (https://github.com/ergs0204)
// 
// KaTeX is used under the MIT License
// Copyright (c) 2013-2020 Khan Academy and other contributors
// https://github.com/KaTeX/KaTeX/blob/main/LICENSE
// ==/UserScript==

(function () {
  'use strict';

  // Inject KaTeX CSS into the page
  const addKaTeXStyles = () => {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css';
    document.head.appendChild(link);
  };

  // Render LaTeX using KaTeX auto-render
  const renderLaTeX = () => {
    renderMathInElement(document.body, {
      delimiters: [
        { left: "$", right: "$", display: false }
      ],
      ignoredTags: ["script", "noscript", "style", "textarea", "pre", "code"],
    });
  };

  // Observe changes and re-render math (for dynamic pages)
  const observeMutations = () => {
    const observer = new MutationObserver((mutations) => {
      for (const mutation of mutations) {
        for (const node of mutation.addedNodes) {
          if (node.nodeType === Node.ELEMENT_NODE) {
            try {
              renderMathInElement(node, {
                delimiters: [{ left: "$", right: "$", display: false }],
                ignoredTags: ["script", "noscript", "style", "textarea", "pre", "code"],
              });
            } catch (e) {
              console.error("KaTeX render error:", e);
            }
          }
        }
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true,
    });
  };

  // Run the script
  window.addEventListener('load', () => {
    addKaTeXStyles();
    renderLaTeX();
    observeMutations();
  });
})();
欢迎访问Greasy Fork镜像
