201410Oct.2014145JournalofLangfangTeachersCollegeNaturalScienceEditionVol.14No.52014-08-172013D100451979-、。MathJax312000【】、MathJax。【】MathMLLaTeXMathJaxDesignandRealizationoftheOnlineFormulaEditorBasedonMathJaxWULi-rong【Abstract】Fortheproblemthatmathformulaishardtoeditanddisplayonthenetworkintroducesseveralmathformu-lasolutionsandproposesavisualizedmathformulaeditorbasedonMathJaxtoeffectivelysolvetheproblemofmathformu-lasonwebapplicationsandmakeitrealized.【Keywords】mathformulaonlineformulaeditorMathMLLaTeXMathJax〔〕TP319〔〕A〔〕1674-3229201405-0040-03、。WebWeb。。11.1Web。WordMicrosoftE-quation、MathTypeWeb。WebWordHTMLWordWeb。1.2DesignScienceDesignScienceMathType1MathFlow2。DesignScience2。1MathTypeWordXHTML+MathML3Web。WordMathType。MathTypeWord“MathType”“PublishtoMathPage…”MathMLweb。E-quationsXHTML+MathMLMathZoom/GIFs、HTML/XHTML+Math-Jax、MathPlayer。MathTypeMathML。MathType“Preferences”“CutandCopypreferences…”MathML/TeX。·04·14·5MathJax201410MathtTypeMathML/TeXWeb。2MathFlow。Math-FlowWebJavaMathFlow。MathFlow3MathMLSimpleEditorStyleEditorStructureEditor。MathFlowMathML。1.3CodeCogs4LaTexCodeCogs.comLaTeX1。MathTypeLaTexLaTeX。“”HTML+SVG/GIF。CodeCogsCKEditorTinyMCE。。。。。MathJaxLaTeX、。2LaTeXMathJaxLaTeX5TeX·LeslieLamport2080TeX、。LaTeX。lim→∞sinxx=1LaTeX\lim-x\rightarrow0\fracsinxx=1。。MathJax6、JavaScript、。MathJaxMathJaxLaTeX。MathJaxAMS、IEEE、TheMath-Works。33.12。、、3。Math、Greek、Symbols、Functions8LaTeXLaTeX。LaTeX、La-TeX。LaTeXLaTeX。LaTeX。HTML<scripttype=“text/javascriptsrc=“http//cdn.mathjax.org/mathjax/latest/MathJax.jsconfig=TeX-AMS-MML-HTMLorMML></script>MathJaxLaTeX、·14·20141014·5。3.2$.colorboxiframetrueinnerWidth740innerHeight485closeButtonfalsehref“mathedit/latexpanel.htmlopacity0.65。easyTabsdiv+css<divclass=“sumtitle=“\sum></div>.mathsymdivheight26pxwidth26pxover-flowhiddendisplayinline-blockbackground-imageurlgui/MathSym.pngbackground-repeatno-re-peat.mathsymdiv.sumbackground-position-10px-10pxLaTeX$“.panel-containerdivtitle.on'click'functionifr.contentWindow.focusifr.contentDocument.execCommand“insertH-TMLfalsethis.getAttribute“title$“#formula-view-container.html“\\+ifr.contentDocument.body.innerHTML+“\\MathJax.Hub.Queue“TypesetMathJax.Hub“formula-view-containerLaTeX$ifr.contentDocument.body.on‘DOMSub-treeModified’function$“#formula-view-container.html“\\+ifr.contentDocument.body.innerHTML+“\\MathJax.Hub.Queue“TypesetMathJax.Hub“formula-view-container$“#div_button.on‘click’functione-ventvar-ifr=parent.document.getElementsBy-TagName“iframe0ififr.contentDocument.body.innerHTML-ifr.contentWindow.focus-ifr.contentDocument.execCommand“in-sertHTMLfalse“\\+ifr.contentDocument.body.innerHTML+“\\parent.$.colorbox.closeMathJax、、。1DesignScience.MathType-EquationEditorDB/OL.ht-tp//.dessci.com/en/products/mathtype/.2014-07-08.2DesignScience.MathFlow-MathContentSimplified|MathMLDB/OL.http//.dessci.com/en/products/mathflow/.2014-07-08.3W3C.W3CMathHomeDB/OL.http//.w3.org/Math/.2014-07-08.4CodeCogs.About|CodeCogsEquationEditorDB/OL.ht-tp//.codecogs.com/latex/about.php.2014-07-08.5TeXUsersGroup.LaTeX-AdocumentpreparationsystemDB/OL.http//.latex-project.org/.2014-07-08.6MathJax.MathJaxDB/OL.http//.mathjax.org/.2014-07-08.·24·