定义新宏以添加“title”属性

Question

我在我的网站上使用MathJax，我想添加一些语义支持。

目前，我的MathJax配置是接收TeX输入并输出HTML-CSS输出（不幸的是，MathML在Chrome中工作不太好）。我还有一个jQuery函数，它接受任何的html。latex类并将其转储到title属性中。

下面的HTML。。。

<div class="latex">\[ a^2 + b^2 = c^2 \]</div>

用下面的脚本。。。

/* jQuery */
$('.latex').attr('title', function() {
    return $(this).html();
})

将输出。。。

<div class="latex" title="\[ a^2 + b^2 = c^2 \]">
    <div class="MathJax_Display">a2+b2=c2</div> <!-- becomes prettyprint in browser -->
</div>

显然，div.MathJax_Display的内容将使用一系列跨度、类和样式进行样式化。我只是不打算在这里打这些。无论如何，在呈现数学之后，用户可以将鼠标悬停在div.latex上，在工具提示中查看TeX命令。

现在，我想做的是在我的MJ配置中定义一个新的宏，它将在新创建的HTML-CSS输出范围中添加一个title属性，给定一点TeX输入。让我们称之为宏\title[2]。以下是我希望能够输入的内容：

<div class="latex">\[ a^2 + b^2 = \title{c}{'hypotenuse'}^2 \]</div>

以下是我希望它输出的内容：

<div class="latex" title="\[ a^2 + b^2 = \title{c}{'hypotenuse'}^2 \]">
    <div class="MathJax_Display">a2+b2=<span title="hypotenuse">c</span>2</div> <!-- prettyprint -->
</div>

如果发生这种情况，将鼠标悬停在数学中的c上的用户将获得一个写着"斜边"的工具提示，但将鼠标悬停在数学的任何其他区域上并获得原始输入。

以下是我对算法的想法：

//pseudo-code: 
given the TeX input '\title{mathstr}{titlestr}':
  var thespan = document.createElement('span');
  $(thespan).attr('title', titlestr).html(mathstr);
  somehow put this into the MJ output at the right place

Answer 1

为什么不直接使用定义\texttip和\mathtip的操作扩展来将工具提示附加到子表达式？有关详细信息，请参阅MathJax文档。