基于MathJax的在线公式编辑器的设计与实现-吴力荣

201410Oct．2014145JournalofLangfangTeachersCollegeNaturalScienceEditionVol．14No．52014－08－172013D100451979－、。MathJax312000【】、MathJax。【】MathMLLaTeXMathJaxDesignandＲealizationoftheOnlineFormulaEditorBasedonMathJaxWULi-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·