摘要：文章介绍了网页中MathQuill的四个CSS类：**mathquill-editable**用于实时编辑数学公式，支持LaTeX标记（如\frac、\sqrt、上下标）；**mathquill-rendered-math**用于显示处理后的数学符号，需配合mathquill.css；**mathquill-embedded-latex**用于嵌入显示数学公式，支持\editable{}内输入内容；**mathquill-textbox**用于混合输入文本和公式（公式需用$包裹），适合聊天场景。
在网页中可以使用的class有如下的几个：
mathquill-editable：可以对在此处的内容进行实时的修改。可以用来正确的显示出正确的数学公式。比如用“/”来生成分数线，也可以用\\frac来实现分数线，用\\sqrt来开方。即可以可以用一些LateX中的标记来实时生成对应的数学符号。"^"表示上脚标，“_”表示下脚标。
mathquill-rendered-math：在利用mathquill处理后生成的一些特殊的内容用它来显示，所有的浏览器均可以正确的呈现。要求必须要与mathquill.css配合使用，可以保证在所有的浏览器下显示其对应的数学公式,同时也要保证此时的内容是我们在输入数学公式进行出的内容，而非我们输入的内容。
mathquill-embedded-latex：在制作网页时，输入的数学公式，可以在此显示出来。同时，其中也可以包含如下的内容\\editable{}可以在显示的数学公式中输入必要的内容。如填空等。
mathquill-textbox：输入内容与数学公式混合而成的内容，但数学公式要用$包含才能正确的显示。在示例中认为它最好用于数学公式的聊天中使用。