☰

Auto LaTeX Renderer

Converts LaTeX on web pages into formatted math using MathJax

目前为 2024-11-06 提交的版本。查看 最新版本。

    // ==UserScript==
    // @name         Auto LaTeX Renderer
    // @namespace    http://tampermonkey.net/
    // @version      1.6
    // @description  Converts LaTeX on web pages into formatted math using MathJax
    // @match        *://*/*
    // @grant        none
    // ==/UserScript==

    (function() {
        'use strict';

        // Set MathJax configuration to enable single dollar signs
        window.MathJax = {
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']],
                displayMath: [['$$', '$$'], ['\\[', '\\]']],
                processEscapes: true, // Allows \$ to escape dollar signs
            },
            options: {
                skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
            },
        };

        // Function to add MathJax to the page
        function addMathJax(callback) {
            if (!window.MathJax || !window.MathJax.version) {
                let script = document.createElement('script');
                script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
                script.async = true;
                script.onload = function() {
                    console.log('MathJax loaded');
                    if (callback) callback();
                };
                script.onerror = function() {
                    console.error('Failed to load MathJax. Please check your network or CDN availability.');
                    // Retry in case of failure
                    setTimeout(function(){ addMathJax(callback); }, 2000);
                };
                document.head.appendChild(script);
            } else {
                if (callback) callback();
            }
        }

        // Function to scan the document and render LaTeX
        function renderLatex() {
            try {
                if (window.MathJax && MathJax.typesetPromise) {
                    MathJax.typesetPromise().catch(function (err) {
                        console.error('MathJax typeset failed:', err);
                    });
                } else {
                    console.log('MathJax not loaded yet. Retrying in 500ms...');
                    setTimeout(renderLatex, 500);
                }
            } catch (error) {
                console.error('Error during LaTeX rendering:', error);
            }
        }

        // Initial injection after page fully loads
        window.addEventListener('load', function() {
            addMathJax(function() {
                // Initial render for existing content
                renderLatex();

                // Observe the DOM for changes and render LaTeX
                const observer = new MutationObserver(() => {
                    // Throttle the renderLatex calls
                    if (observer.renderTimeout) clearTimeout(observer.renderTimeout);
                    observer.renderTimeout = setTimeout(renderLatex, 300);
                });

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

    })();