2017-10-02 9 views
0

나는 수학 공식이있는 ckeditor를 사용하여 웹 페이지에 표시하고 싶습니다. 표 안에 수식을 표시하고 싶습니다. 나는 값 내에서JavaScript에서 수학 공식 ckeditor를 표시하는 방법

<head> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} }); </script> 

</head> 

<body> 
<script> 
function mExamArea() 
{ 
    var strArea = ""; 
    var i = 0; 

strArea += "<table border='0' cellpadding='0' cellspacing='0' align='left' valign='top' width='100%' id='contents2'>"; 
for(var k = ArrStart[gindex - 1] - 1; k < ArrEnd[gindex - 1]; k++) 
{ 
    i++; 
    strArea += "<tr><td>"; 
    strArea += "<table border='0' cellpadding='0' cellspacing='0' align='left' valign='top' width='100%'>"; 
    strArea += "<tr><td height='20'></td></tr><tr><td>"; 

    if (ArridRef[k] != "0") 
    { 
     strArea += "<div id='ref'></div>"; 
     strArea += "</td></tr>"; 
     strArea += "<tr><td height='12'></td></tr><tr><td>"; 
    } 

    strArea += "<table border='3' cellpadding='0' cellspacing='0' align='left' valign='top'>"; 
    strArea += "<tr>"; 
    strArea += "<div class='math-tex'><td width='20' valign='top' style='line-height:2.1'><div id='quizno" + i + "'></div></td></div>"; 
    strArea += "<td width='5'></td>"; 
    strArea += "<div class='math-tex'><td style='line-height:2.1'><H1><div id='quiz" + i + "'></div></H1></td></div>"; 
    strArea += "</tr>"; 
    strArea += "</table></td></tr>"; 
    strArea += "<tr><td height='7'></td></tr><tr><td>"; 

    strArea += "<table border='0' cellpadding='0' cellspacing='0' align='left' valign='top'>"; 
    strArea += "</table></td></tr></table></td></tr>"; 
} 

strArea += "</table></td></tr></table>"; 

document.all.quizdiv.innerHTML = strArea; 
} 
</script> 

<div style="overflow: auto; height: 700; width: 100%" id="centerdiv"> 
      <div id="quizdiv" style="width: 100%;"></div> 
      <div id="msg" style="width: 100%;"></div> 
      <div><br>&nbsp;<br></div>  
      <div id="button" style="width: 100%;"> 
       <a href="javascript:PreviousQ();" class="btn_m" id="prevbtn">Previous</a> <a href="javascript:NextQ();" class="btn_m" id="nextbtn">Next</a> 
       <a title="Answer submission" class="btn_pop btn_navy" href="javascript:SubmitPage();" id="examsubmit">Answer submission</a> 
      </div> 
     </div> 
</body> 

은 다음과 같습니다 : 나는 데이터베이스에서 얻을이 PARAM의

\(x = {-b pm sqrt{b^2-4ac} over 2a}\) 

값 ..

내가 수학 공식

를 표시 할 수 없습니다 실행할 때이 나의 근원이다

웹 페이지에 수학 공식을 표시하는 방법은 무엇입니까? 너무 감사합니다 !!

답변

-1

MathJax는 모든 최신 브라우저에서 작동하는 LaTeX, MathML 및 AsciiMath 표기법을위한 오픈 소스 JavaScript 표시 엔진입니다. 아래 코드를 참조하십시오.

<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} }); </script> 

    <p>\(x = {-b pm sqrt{b^2-4ac} over 2a}\) </p> 

자세한 내용은 mathjax 설명서를 참조하십시오. 답변에 대한 https://www.mathjax.org/

+0

덕분에, 난의 그러나 값이 자바 스크립트 내에서 테이블에 표시됩니다, HTML ... –

+0

세부에게 내가 함께 시도가 내 질문의 내용 .. –

+0

참조하시기 바랍니다되지 않습니다 : <스크립트 유형 = "텍스트/X MathJax.Hub.Config ({tex2jax : {inlineMath : [[ '$', '$'], [ '\\ (', '\\)']]}});하지만 표시되지 않습니다 .. –