JavaScript的转换数学文本转换成乳胶/图形

Question

我试图找到一个插件，可以

1*2^3 + 0*2^2 + 1*2^1 = 1 + 0 + 3 = 5 

转换本文成乳胶所以可以更易于阅读和用户友好

我不介意我是否需要对语法进行简单的修改...

Answer 1

如果你只需要一个非常基本的标记，正则表达式就是你的朋友。

以下示例用中间点·替换每个*，并添加一些HTML标记（<sup>）来创建这些指数。当然，这只是一个可以扩展的非常简单的例子。

<span class="math">1*2^3 + 0*2^2 + 1*2^1 = 1 + 0 + 3 = 5</span> 
<script> 
    (function(){ 
     function convert(str) { 
      str = str.replace(/\*/g, "&#183;"); 
      str = str.replace(/\^(.)\s/g, "<sup>$1</sup> "); 
      return str; 
     }; 

     var math = document.getElementsByClassName("math"); 
     for (var i = 0, l = math.length; i < l; ++i) { 
      math[i].innerHTML = convert(math[i].innerHTML); 
     } 
    })(); 
</script> 

Demo (JSFiddle)

然而，随着@Mathias建议，MathJax如果你想显示更复杂的数学是绝对值得一看。