MathJax Typeset -- 如何呈現特定區域的數學式

訊息

參考文獻

簡體版

English

Manipulating Individual Math Elements

<div id="MathDiv">
  The answer you provided is: ${}$.
</div>

var math = MathJax.Hub.getAllJax("MathDiv")[0];
MathJax.Hub.Queue(["Text",math,"x+1"]);

var studentDisplay = null;
MathJax.Hub.Queue(function () {
  studentDisplay = MathJax.Hub.getAllJax("MathDiv");
});

MathJax.Hub.Queue(["Text",studentDisplay,studentAnswer])

The actions you can perform on an element jax include:

Text(newmath)
to set the math text of the element to newmath and typeset.

Reprocess()
to remove the output and reproduce it again (for example, if CSS has changed that would alter the spacing of the mathematics).

Remove()
to remove the output for this math element (but not the original <script> tag).

SourceElement()
to obtain a reference to the original <script> object that is assocaited with this element jax.

完整範例

<html>
<head>
<title>MathJax Dynamic Math Test Page</title>

<script src="/MathJax/MathJax.js">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX","output/HTML-CSS"],
    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
  });
</script>

</head>
<body>

<script>
  //
  //  Use a closure to hide the local variables from the
  //  global namespace
  //
  (function () {
    var QUEUE = MathJax.Hub.queue;  // shorthand for the queue
    var math = null;                // the element jax for the math output.

    //
    //  Get the element jax when MathJax has produced it.
    //
    QUEUE.Push(function () {
      math = MathJax.Hub.getAllJax("MathOutput")[0];
    });

    //
    //  The onchange event handler that typesets the
    //  math entered by the user
    //
    window.UpdateMath = function (TeX) {
      QUEUE.Push(["Text",math,"\\displaystyle{"+TeX+"}"]);
    }
  })();
</script>

Type some TeX code:
<input id="MathInput" size="50" onchange="UpdateMath(this.value)" />
<p>

<div id="MathOutput">
You typed: ${}$
</div>

</body>
</html>

參考文獻

http://www.mathjax.org/docs/typeset.html

Facebook

page revision: 0, last edited: 02 Oct 2010 10:44

Edit Rate (0) Tags Discuss (0) History Files Print Site tools + Options

金門大學：免費電子書、教材、程式、動畫

訊息

Manipulating Individual Math Elements

完整範例

參考文獻

Facebook

Facebook

Wikidot

Post preview:

Other interesting sites