MathJax如何理解它的配置代码

Question

现在有越来越多的公式输入需求，我想在SF上添加添加对数学公式显示的支持。目前这方面做的比较好的是http://math.stackexchange.com，它使用mathjax这一js库，我发现了如下代码配置MathJax.Hub.Config({"HTML-CSS":{preferredFont:"TeX",availableFonts:["STIX","TeX"],linebreaks:{automatic:true},EqnChunk:(MathJax.Hub.Browser.isMobile?10:50)},tex2jax:{inlineMath:[["$","$"],["\\\\(","\\\\)"]],displayMath:[["$$","$$"],["\\[","\\]"]],processEscapes:true,ignoreClass:"tex2jax_ignore|dno"},TeX:{noUndefined:{attributes:{mathcolor:"red",mathbackground:"#FFEEEE",mathsize:"90%"}}},messageStyle:"none"});谁能解释下这些配置的意思，另外我需要在输入问题时实现对公式输入的实时预览，调用哪个API来重新渲染这些公式呢？

Answer 1

HTML-CSS这部分是MathJax处理HTML/CSS输出的配置，详细说明在这个页面。这里主要是设置字体（preferredFont、availableFonts）、换行（linebreaking）和渲染延迟（EqnChunk）。tex2jax这部分是tex2jax.js预处理程序需要的配置，详细说明在这个页面。这里设置为可以使用“$公式$”或“\\(公式)\\”在行内内联公式，而“$$公式$$”和“\[公式]\”则显示为block级别的公式。processEscapes设置是否允许使用\$来escape一些信息。ignoreClass用于设置具有哪些cssclass的标签不用tex2jax预处理。TeX这部分是处理TeX及相关插件的输入的，详细说明在这个页面。例如，这里可以用来加上公式编号和宏的功能。这里的noUndefined配置是对noUndefined.js扩展的，详情在这里。还有许多其它的扩展，如noErrors等。messageStyle属于通用配置，文档在这个页面，用于控制是否显示加载信息。