2017-11-17 11 views
0

난이 배치 document.getElementById("input").innerHTML = inpt;를 사용한 JS 스크립트포맷 수학

<input type="text" id="inputfunction" value=""> 
<button onclick="example">Example</button> 
<p id="input"></p> 

로부터의 입력에 따라 자바 스크립트의 변수를 출력하는 HTML 페이지로 mathjax 명령어 인 자바 스크립트 변수 삽입 페이지의 변수.

변수가 '3x + 8'과 비슷하지만 mathjax로 형식화되기를 원합니다. 이것을 용이하게하기 위해 나는 현재 html 문서에

<head> 
     <link rel='stylesheet' type='text/css' href='Stylesheet1.css'/> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width"> 
     <script type="text/javascript" async 
       src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"> 
     </script> 
    </head> 

을 가지고 있지만 서식이 지정된 변수는 출력되지 않습니다. 나는 document.getElementById("input").innerHTML = \\(inpt\\);을 사용하거나 양쪽에 $$을 놓으려고 시도했지만 이것은 단지 페이지에 \(inpt\) 또는 $$inpt$$으로 표시됩니다. mathjax가 변수를 포맷 할 수 있도록 할 수있는 방법이 있습니까?

답변

0

좋아요. 그래서 결국 찾았습니다. 정말 쉬운 문제였습니다. 난 그냥 함수의 끝에서

MathJax.Hub.Typeset();

을 추가하고 그 MathJax 다른 작업을 포맷 페이지를 통해 다시 볼 수 있습니다. MathJax 다른 작업을 수행 할 수 있기 때문에 그래서이 발생할 수있는 문제에 대처하기 위해 직접하지만 분명히 당신은 페이지 정지를 조판하기 전에 반드시 MathJax하게

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

다른 모든 프로세스를 완료 쓸 수있는이 전화를 안 모든 동기화 오류.