尝试修改文件内容时，MathJax 无法正常工作<p>标签</p>

Question

I have been trying to make a MathJax interpreter using JavaScript, HTML and MathJax. I have done all of the default inclusions of the MathJax libraries etc. and one feature of the web application is to be able to type in some LaTeX code and look at the output when a button is pressed. However, when I run the program nothing changes, and all that happens is that the text box which contains the output just has the raw output outputted into it. For Example:

// My LaTeX code:
\[x=5\]
// the expected output when the button is clicked:
x = 5
// what I do get:
\[x=5\]

I have tried numerous things, but I cant seem to get it to work. Here is my code:

var input_text = document.getElementById("mathjax_input_area");
var output_p   = document.getElementById("mathjax_output_area");

output_p.innerHTML = input_text.value;
MathJax.Hub.Queue(["Typeset", MathJax.Hub, 'output_p']);

Could someone please help?

Answer 1

When you use MathJax.Hub.Queue(["Typeset", MathJax.Hub, string]) , the string is supposed to be the ID of an element in the page, not the name of a variable in your code. You could either use

MathJax.Hub.Queue(["Typeset", MathJax.Hub, output_p]);

to use the actual DOM element itself (stored in the variable) or

MathJax.Hub.Queue(["Typeset", MathJax.Hub, 'mathjax_output_area']);

so that you have passed the actual ID of the element to be processed. Either should work.