LaTeX 公式测试器

一个基于 React + Vite 构建的 LaTeX 公式实时渲染测试工具。

功能特性

• 📝 实时 LaTeX 公式编辑
• 🎨 MathJax 实时渲染
• 📋 丰富的示例公式
• 📱 响应式设计
• ⚡ 基于 Vite 的快速开发

技术栈

• React 19 - 现代化的用户界面框架
• Vite - 快速的构建工具
• MathJax Full - 完整的数学公式渲染引擎
• CSS3 - 现代化的样式设计

快速开始

安装依赖

npm install

启动开发服务器

npm run dev

访问 http://localhost:5173 查看应用。

构建生产版本

npm run build

使用说明

1. 在左侧文本框中输入 LaTeX 公式
2. 右侧会实时显示渲染效果
3. 点击示例按钮快速使用常见公式
4. 支持所有标准的 LaTeX 数学语法

支持的 LaTeX 语法

• 上标：x^2
• 下标：x_1
• 分数：\frac{a}{b}
• 根号：\sqrt{x}
• 积分：\int_{a}^{b} f(x) dx
• 求和：\sum_{i=1}^{n} x_i
• 矩阵：\begin{pmatrix} a & b \\ c & d \end{pmatrix}

项目结构

src/
├── components/
│   ├── LaTeXTester.jsx    # 主测试组件
│   ├── LaTeXTester.css    # 样式文件
│   └── MathJaxRenderer.jsx # MathJax 渲染组件
├── App.jsx                # 应用入口组件
├── App.css               # 应用样式
├── index.css             # 全局样式
└── main.jsx              # 应用入口文件

开发说明

这个项目使用了 MathJax Full 库来实现 LaTeX 公式的渲染，兼容最新的 React 19 版本。所有组件都采用函数式组件和 React Hooks 的现代开发方式。