MathLive化学公式编辑的新玩法

嘿，老友，我Zui近玩 MathLive Zuo化学公式，搞得一把手。

说实话，原本的 MathLive 对普通 TeX Yi经牛逼了但化学结构式还得敲一大堆命令。

于是我自己加了两个小 parser：

\chemfig{…} -> parseChemfig -> ChemfigStructure -> SVG -> Box

哈哈，那就像把一朵花拆成瓣再拼回来。

这玩意儿挺土，但直接了当。因为有机结构不像普通字符，拆成原子太麻烦。

好处是边界清晰：常见方程式Neng编辑，复杂内容仍是整体对象，不会因“支持geng多”而乱掉。

MathLive 本身Yi经hen强

它支持输入、渲染、选择、序列化、虚拟键盘，一应俱全。

import 'mathlive-chemistry';

或者：

import { MathfieldElement } from 'mathlive-chemistry';

不过你要记住这个包不是官方的，而是我基于 arnog/mathlive 的 fork，叫 mathlive‑chemistry。

为什么要Zuo这件事？

先说这不是专业编辑器，也不是完整的 chemfig/mhchem 实现。

它只解决日常公式编辑的问题。比如你想在题目里写 \ce{H₂O} 或 \chemfig{CH₃OH}，不想整块删除或无法选中小部件。

\ce 与 \chemfig 的处理方式

\ce{…} geng偏向显示。源码里对应的是 ChemAtom。流程是：

\ce 命令被识别为未知命令时会被忽略。

我在解析层加了判断：Ru果命令不是 \ce 就直接返回 false；否则检查参数长度和特殊字符。

通过白名单允许 rm、text、bond、arrow 等基础类型可编辑。

Chemfig 简易实现

Chemfig 是geng复杂的结构绘图工具，我只保留了Zui常见的子集：

\chemfig{CH_3-CH_2-OH}
\chemfig{CH_2=CH_2}
\chemfig{HC#CH}
\chemfig{CH_3-C-OH}
\chemfig{*}
\chemfig{*-=-)}
\chemfig{*-=-)}
\chemfig{*-=-)}

为何不用完整 chemfig parser？

Chemfig 的语法和布局极其丰富：键角、分支、环、嵌套……实现起来几百行代码dou难不到位。

ChemAtom 的可编辑特性

ChemAtom 在可编辑状态下会关闭 captureSelection，让内部 body Neng参与 MathLive 的选择和删除操作。序列化时不会直接吐旧字符串，而是把当前 body 序列化，再Zuo一次化学公式归一化，然后重新包回 \ce 或 \chemfig 命令里去。

对教学与题目录入的友好度

If you’re building a quiz app or an online textbook editor, this fork gives you something lightweight yet functional.

A.I.-Driven Development Process

This time I used AI coding collaboratively: set boundaries, pick issues, run tests—no one‑liner prompts.

User Guide

npm install mathlive-chemistry
# Then in your script
import { MathfieldElement } from 'mathlive-chemistry';
const field = document.querySelector;
field.setValue;
field.setValue; // example placeholder
// You can now edit inline.

SERIALIZATION & DESERIALIZATION 流程图解

1️⃣ 读取原始字符串 → mhchem parser → 转换成普通 TeX → parseLatex → MathLive 渲染。 反向时先序列化 MathLive 对象 → 化学归一化 → 包回 \ce 或 \chemfig。 这样保证保存后还Neng 编辑，而且不会丢失空格或符号。

局限性说明

No professional editor: Ru果你需要立体视角或机理箭头，请找专门工具。这个包还是轻量级的练手项目。

Slight pixel misalignment: 有时候边框微差几像素，kan上去hen明显，但对数学排版影响不大。

No support for nested structures: 例如分支在分支里目前还是不稳定。

MIDDLEWARE NOTES

The MIT license stays intact.

I might add more chemfig sub‑set later—just give me a nudge via issue if you see something missing.

TIPS FOR MAINTAINERS & CONTRIBUTORS

Create test cases: 每次改动dou跑一下现有测试，防止破坏Yi有功Neng。

Email me if you find bugs: 用 “issue” 提交即可，我会尽快修复。

---