yms
/
math_cms


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数学公式渲染测试</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            line-height: 1.6;
        }
        .test-section {
            margin: 20px 0;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #f9f9f9;
        }
        .math-render {
            background-color: white;
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
        }
        .status {
            background-color: #e8f5e8;
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
            font-weight: bold;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
        }
    </style>
</head>
<body>
    <h1>数学公式渲染测试</h1>

    <div class="test-section">
        <h2>测试1: 基础数学公式</h2>
        <div class="math-render">
            $x^2 + 2x + 1 = 0$ 是一个二次方程。
        </div>
    </div>

    <div class="test-section">
        <h2>测试2: 包含LaTeX命令的题目（类似OCR记录）</h2>
        <div class="math-render">
            已知集合A={-1，1，3}，B={0，1，3}，，则A∪B=A.{1，3} B.{-1，1，3} C.{0，1，3} D.{-1，0，1，3}
        </div>
    </div>

    <div class="test-section">
        <h2>测试3: 函数题目</h2>
        <div class="math-render">
            函数$f(x) = \\ln x + x - 2$的零点所在的区间为
        </div>
    </div>

    <div class="test-section">
        <h2>测试4: 复杂数学公式（可能引起问题）</h2>
        <div class="math-render">
            已知幂函数$$f \left(x \right) = x^{a}$$，则"a>0"是"f(x)在(0，+∞)上单调递增"的
            A.充分不必要条件 B.必要不充分条件
            C.充分必要条件 D.既不充分也不必要条件
        </div>
    </div>

    <div class="test-section">
        <h2>测试5: 混合格式</h2>
        <div class="math-render">
            混合格式：$\\frac{1}{2}$、$$\\frac{\\sqrt{3}}{2}$$和$\\frac{\\sqrt{2}}{2}$
        </div>
    </div>

    <div id="status" class="status">
        <div>正在加载数学渲染库...</div>
    </div>

    <script>
        // 简化的测试版本，直接引入必要的库
        console.log('开始加载测试页面...');

        // 模拟简化版的数学渲染逻辑
        function simpleTestRender() {
            const elements = document.querySelectorAll('.math-render');
            let processedCount = 0;
            let errorCount = 0;

            elements.forEach((elem, index) => {
                try {
                    let content = elem.innerHTML || elem.textContent;

                    // 检测是否包含数学公式
                    if (content.includes('$') || content.includes('\\(') || content.includes('\\[')) {
                        console.log(`处理数学公式 ${index + 1}:`, content.substring(0, 50) + '...');

                        // 简单的公式标准化
                        content = content.replace(/\\left/g, '(');
                        content = content.replace(/\\right/g, ')');
                        content = content.replace(/\\\\/g, '\\');

                        elem.innerHTML = content;
                        processedCount++;
                    }
                } catch (e) {
                    console.error(`处理元素 ${index + 1} 时出错:`, e);
                    errorCount++;
                }
            });

            const statusDiv = document.getElementById('status');
            if (errorCount === 0) {
                statusDiv.className = 'status success';
                statusDiv.innerHTML = `
                    <div>✅ 数学公式处理完成！</div>
                    <div>成功处理 ${processedCount} 个包含公式的元素</div>
                `;
            } else {
                statusDiv.className = 'status error';
                statusDiv.innerHTML = `
                    <div>❌ 处理过程中发现 ${errorCount} 个错误</div>
                    <div>请检查浏览器控制台获取详细信息</div>
                `;
            }
        }

        // 页面加载完成后执行测试
        document.addEventListener('DOMContentLoaded', function() {
            console.log('页面加载完成，开始处理数学公式...');
            setTimeout(simpleTestRender, 100);
        });
    </script>
</body>
</html>