在线数学公式编辑器的实现

摘 要：数学公式如何在Web网页中输入与编辑,一直成为网络数学资源交流的障碍.本文以MathML标记语言为基础,利用DecisionScience公司的WebEQ技术,论述了一种数学公式在线输入、编辑的方法,全面的解决了数学公式在互联网络中的表达问题.

关 键 词：数学公式输入；WebEQ；MathML

中图分类号：01文献标识码：A文章编号：1672-3198（2008）06-0347-02

1相关软件简介

1.1XML与MathML

XML是一种描述结构化数据的标记语言.它具有良好的扩展性、简单性、开放性、互操作性、多国语言通用性等一系列特点.

1.2MathType

由DecisionScience公司开发的MathType是一款较为专业的数学公式编辑软件.

1.3WebEquationApplet

美国DecisionScience公司提供的WebEQ工具,它是一个基于MathML标准的Ja程序,能够支持浏览基于MathML语言的数学公式,在其高级版本中还提供了InputControl插件,完全支持在网络上以“所见即所得”的方式在线编辑基于MathML语言的数学公式.

2构建数学公式在线输入平台的步骤

2.1嵌入mathplayer插件,实现MathML网页的正确显示

浏览器端：其功能是将每一个由MathML描述的数学方程或公式转换为一个浏览器能处理的对象,以正确显示到屏幕上.该软件要求IE版本在5.5以上.

怎么写作器端：在怎么写作器端的网页文件头部必须嵌入MathPlayer对象以及声明命名空间,如：

这样当客户浏览器读到如上代码,便会自动调用MathPlayer插件对该页面进行解释执行从而正确显示页面中的数学公式.

2.2建立发言表单各元素

基于BBS的在线数学公式输入系统是建立在传统的BBS发言表单基础上的.它对传统表单中域、域进行了改造.</p><p>首先,根据传统的发言表单格式,建立含有如下域的表单.</p><p>题目<inputname="Topic"class=inputtextsize="25"maxlength="50"></p><p>姓名<inputname="Name"class=inputtextsize="25"maxlength="15"></p><p><inputname=""class=inputtextsize="25"maxlength="25"></p><p>附加码<inputname="Code"class=inputtextsize="8"maxlength="5"></p><p>发言内容<textareaid=BBSContentvalue="在这里输入发言内容"name="MathContent"rows="10"wrap=PHYSICALcols="70"type=”hidden”>

其次,对需要输入公式的表单域进行改造.以域为例,具体改造思路是：根据域的屏幕坐标大小建立一个相同面积的层,并处于<textarea>域上层,由于<textarea>这里设置成不可见属性,可将层进行装饰模仿成<textarea>样式.当用户点击<textarea>域准备输入内容时,触发onclick()事件,通过Jsp函数调出发言内容录入子页.子页专门用于发言内容的编辑.当需要输入数学公式时,点击“录入公式”触发按钮,调出嵌入WebEquationApplet的数学公式录入页面.利用WebEquation强大的所见即所得功能编写公式.WebEquation会将所“画出”的公式自动转换成MathML格式提交给父页面.在编辑完成后,将含有MathML格式的文本提交给发言表单,数据分别赋予两个对象,其一赋给层作为它的innerHtml这样就以公式的形式显示在页面中；其二作为隐含的<textarea>域的数据,当<Form>提交时,写入数据库.</p><br><h3>2.3创建WebEQ数据提交页</h3> <p>根据前面所述,WebEQ数据提交页是实现在线编辑与输入公式的关键.主要是利用免费的WebEQApplet.jar这个ja小程序来实现的.代码如下：</p><p></applet></p><p>完成后,网页如下图1所示：</p><p>3结束语</p><p>通过MathML技术与WebEQ的结合,我们只需要为其编写一个外壳程序,就可以很好的解决数学公式在计算机的输入、显示、修改问题.这样外表看起来难以输入的不被WEB页面兼容的数学公式,会变成文本的形式被计算机读取利用.在线公式输入技术,不仅仅为数学学科同时也为其他和公式相关的学科在互联网上的信息交流扫清了障碍.随着数学公式在计算机上的更多应用,MathML技术与WebEQ技术必将显示越来越广阔的应用前景.</p><table> <caption>在线数学公式编辑器的实现参考属性评定</caption> <thead> <tr> <th>有关论文范文主题研究:</th> <td>关于计算机的文章</td> <th>大学生适用:</th> <td>硕士论文、专升本毕业论文</td> </tr> <tr> <th>相关参考文献下载数量:</th> <td>80</td> <th>写作解决问题:</th> <td>写作参考</td> </tr> <tr> <th>毕业论文开题报告:</th> <td>论文提纲、论文小结</td> <th>职称论文适用:</th> <td>期刊目录、职称评副高</td> </tr> <tr> <th>所属大学生专业类别:</th> <td>写作参考</td> <th>论文题目推荐度:</th> <td>优质选题</td> </tr> </thead> </table> </div> </div> <div id="relate" class="md:my-8 my-5"> <h3 class="font-bold text-lg">同类论文</h3> <ul class="gap-x-3 gap-y-1 text-sky-800 hover:text-sky-900 text-content"> <li><a href="/geshi/422012.html">基于HTML的在线文档编辑器的实现方法</a></li> <li><a href="/guanli/00407883.html">几种数学公式编辑器的比较与</a></li> <li><a href="/jiaoxue/020568508.html">基于ueditor富文本编辑器的实验报告在线编辑系统设计</a></li> <li><a href="/zhengzhi/050377960.html">高校图书馆网站在线编辑器图片按钮失效的解决</a></li> <li><a href="/benkelunwen/060273635.html">基于HTML的在线文档编辑器的实现方法</a></li> <li><a href="/benkelunwen/060218798.html">基于Perl的企业级代码编辑器的实现</a></li> <li><a href="/benkelunwen/060118754.html">基于组策略编辑器设置的计算机系统攻击防范技术</a></li> </ul> </div> <div id="all" class="md:my-3 my-2"> <h3 class="font-bold text-lg">热门大全</h3> <ul class="flex flex-wrap gap-x-3 gap-y-1 text-sm text-sky-800 hover:text-sky-900 underline"> <li><a href="/ziliao/lunwenbianjiqi/" target="_blank">论文编辑器</a> </li> <li><a href="/benkelunwen/benkeshengshuxuebiyelunwen/" target="_blank">本科生数学毕业论文</a> </li> <li><a href="/benkelunwen/benkeshuxuelunwenfanwen/" target="_blank">本科数学论文范文</a> </li> <li><a href="/benkelunwen/benkeshuxuebiyelunwen/" target="_blank">本科数学毕业论文</a> </li> <li><a href="/benkelunwen/daxuebenkeshuxuebiyelunwen/" target="_blank">大学本科数学毕业论文</a> </li> <li><a href="/benkelunwen/benkeshuxuezhuanyebiyelunwen/" target="_blank">本科数学专业毕业论文</a> </li> <li><a href="/benkelunwen/benkeshuxuelunwen/" target="_blank">本科数学论文</a> </li> <li><a href="/benkelunwen/benkeshuxuelunwentimu/" target="_blank">本科数学论文题目</a> </li> </ul> </div> <div id="recommend" class="md:my-3 my-2"> <h3 class="font-bold text-lg">猜你想找</h3> <ul class="flex flex-wrap gap-x-3 gap-y-1 text-sm text-sky-800 hover:text-sky-900 underline"> <li><a href="/benkelunwen/benkeshuxue/" target="_blank">本科数学</a> </li> <li><a href="/benkelunwen/benkebiyeshuxuelunwen/" target="_blank">本科毕业数学论文</a> </li> <li><a href="/benkelunwen/benkeshuxuekecheng/" target="_blank">本科数学课程</a> </li> <li><a href="/benkelunwen/hanshoubenkeshuxuelunwen/" target="_blank">函授本科数学论文</a> </li> <li><a href="/benkelunwen/benkeshuxuezhuanye/" target="_blank">本科数学专业</a> </li> <li><a href="/benkelunwen/benkeshengshuxuelunwen/" target="_blank">本科生数学论文</a> </li> <li><a href="/benkelunwen/hanshoubenkeshuxuebiyelunwen/" target="_blank">函授本科数学毕业论文</a> </li> <li><a href="/benkelunwen/daxuebenkeshuxuelunwen/" target="_blank">大学本科数学论文</a> </li> </ul> </div> <div id="featured" class="md:my-3 my-2"> <h3 class="font-bold text-lg">精选推荐</h3> <ul class="flex flex-wrap gap-x-3 gap-y-1 text-sm text-sky-800 hover:text-sky-900 underline"> <li><a href="/benkelunwen/shuxuebenkebiyelunwen/" target="_blank">数学本科毕业论文</a> </li> <li><a href="/benkelunwen/shuxuezhuanyebenkebiyelunwen/" target="_blank">数学专业本科毕业论文</a> </li> <li><a href="/benkelunwen/shuxuebenkelunwen/" target="_blank">数学本科论文</a> </li> <li><a href="/benkelunwen/shuxuebenkekecheng/" target="_blank">数学本科课程</a> </li> <li><a href="/benkelunwen/lwchengrenzikaobenkeshuxue/" target="_blank">成人自考本科数学</a> </li> <li><a href="/benkelunwen/lwshuxuebenkebiyelunwenfanwen/" target="_blank">数学本科毕业论文范文</a> </li> <li><a href="/benkelunwen/lwdiandashuxuebenkebiyelunwen/" target="_blank">电大数学本科毕业论文</a> </li> <li><a href="/benkelunwen/benkeshuxuebiyelunwentimu/" target="_blank">本科数学毕业论文题目</a> </li> </ul> </div> <div id="sub-nav"> <h4 class="font-bold inline-block text-sm mr-3">快捷导航</h4> <ul class="flex flex-wrap text-sm underline gap-x-3 gap-y-1"> <li><a href="#relate">同类论文</a></li> <li><a href="#all">热门大全</a></li> <li><a href="#recommend">猜你想找</a></li> <li><a href="#featured">精选推荐</a></li> <li><a href="#best">论文排行榜</a></li> </ul> </div> </div> <div class="md:w-1/4 md:pl-10"> <div class="md:sticky md:top-5"> <div id="best" class="my-4"> <h3 class="font-bold text-lg mb-1">论文排行榜</h3> <ul class="text-sm text-sky-800 hover:text-sky-900"> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/wenxue/wgyy/385623.html">打工文学魅力尚待展示</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/wenxue/xdhy/451655.html">我们的精神世界趋于“矮化”</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/wenxue/ptyy/398031.html">勿用财富尺子衡量文学</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/wenxue/mzyy/400933.html">新闻标题:文学与新闻事件的巧妙结合</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/jingji/0688074.html">网络时代的财务管理</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/jingji/0683616.html">手绘传统建筑,感悟辉煌文化</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/jingji/0691177.html">行业电子交易平台在外贸中的应用</a></li> <li class="flex gap-x-3 gap-y-1 items-center border-b border-dotted pb-1.5 mt-1.5"><a href="/jingji/0689453.html">高级技工短缺的深层次原因</a></li> </ul> </div> <div id="ccjc"></div> <div id="list" class="flex flex-wrap gap-x-3"> <h3 class="font-bold text-lg mb-1 w-full">智能推荐</h3> <a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/guojiajiyixuelunwen/">国家级医学论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/gaojihulilunwen/">高级护理论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/guanyufuchankehulilunwen/">关于妇产科护理论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/dongwuyixuelunwenfanwen/">动物医学论文范文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/gukehulibiyelunwen/">骨科护理毕业论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/fuchankehulibiyelunwen/">妇产科护理毕业论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/guanyuyouzhihulidelunwen/">关于优质护理的论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/dazhuanyixuejianyanbiyelunwen/">大专医学检验毕业论文</a><a class="text-sm text-sky-800 hover:text-sky-900" href="/yixue/haofabiaodeyixuejikan/">好发表的医学期刊</a> </div> </div> </div> </div> <div id="footer" class="bg-gray-100 py-5 text-gray-600 text-xs md:mt-5 mt-3 text-center"> <div class="mb-1"> © Copyright 2024. All Rights Reserved Powered by 科技有限公司 免费官网正版超级维权查重系统 检测报告支持官方在线验证真伪 备案号:冀2016796512号 </div> <div class="mb-1">反馈请联系邮箱 将在24小时内及时处理!</div> <div> 增值电信业务经营许可证备案号：冀2016796512号 </div> </div> <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script> <script src="/js/7tjhy.js"></script> </body> </html>