Android完美支持MathML显示公式方程

最新推荐文章于 2024-06-14 09:35:59 发布
最新推荐文章于 2024-06-14 09:35:59 发布
阅读量1.8k 收藏
点赞数
分类专栏： 神马笔记 文章标签： mathml latex jlatexmath xsltml fmath
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chuyangchangxi/article/details/90140246
版权
本文介绍了在Android应用"神马笔记"中实现MathML显示公式方程的目标、设计思路和过程。通过将MathML转换为LaTeX，利用已有的LaTeX解析渲染功能，实现了对MathML的支持。然而，目前存在MathML显示多行公式的问题，开发者计划进一步完善并整合到笔记功能中。
摘要由CSDN通过智能技术生成

Android完美支持MathML显示公式方程

历经3个开发阶段《Android实现方程编辑器》、《Android完美解决LaTeX中文显示问题》、《Android判断LaTeX是否为空方程》后，『神马笔记』的方程编辑器现已经完美支持LaTeX，接下来尝试支持MathML。

一、目标

『神马笔记』支持MathML显示公式方程。
在这里插入图片描述

二、设计思路

在MathML之前，『神马笔记』已经完美支持LaTeX。

最快速实现支持MathML的方式是将MathML转化为LaTeX语言。

这样一来，后续的解析渲染就可以复用LaTeX的实现，不需要再次开发。

三、实现过程

1. 实现方案

方案 描述 参考资料
JMathTeX The library uses the typesetting algorithms of the well-known TeX and LaTeX systems and therefore displays formulas in a very professional looking way. Formulas are Java-objects that can be built from scratch (by combining smaller formulas in several ways) and from LaTeX strings. There is also limited support for MathML. http://jmathtex.sourceforge.net/
MathParser MathParser is a freeware tool that converts MathML into LaTeX. It processes pure MathML code as well as HTML with embedded MathML. It also offers a special built-in parser for Mathcad HTML/MathML files. You do not have to retype all equations for publishing anymore. http://www.tilman.de/programme/mathparser/index_en.html
fMath FMATH is a FREE solution to display mathematics on web pages, desktop app or mobile devices using MathML, LaTeX or OMML (Microsoft Word) standards. http://www.fmath.info/
XSLT MathML Library The XSLT MathML Library, xsltml, provides the XSLT developer with a set of XSLT templates for MathML 2.0 to LaTeX translation. These are implemented purely in XSLT, that is they do not use any extensions. http://xsltml.sourceforge.net/

2. 参考文章

文章 地址
数学公式：使用xsltml将MathML转LaTex https://www.jianshu.com/p/b4caef5bf1ab
java使用XSL+XML生成HTML文件 http://www.blogjava.net/yangxiang/archive/2009/08/11/290688.html

3. 测试结果

方案 结果
JMathTeX 根据JMathTeX介绍，对MathML提供了有限支持。
后来的项目转换过程中JMathTeX->JLaTeXMath->jlatexmath-android，
似乎移除了对MathML的支持。
后续有待查证。
MathParser 采用替换的方式进行转换。
未达到预期效果，放弃之。
fMath 使用JDOM2解析XML并进行转换，部分公式效果未达到预期，但可用。
备选方案。
XSLT MathML Library 使用XSL方式转换，部分公式无法显示，但似乎优于fMath。
推荐方案。

4. 检测MathML

因为LaTeX和MathML使用同一个编辑框。因此需要自动检查用户输入的语言。

通过检索math>和<math两个关键字区分LaTeX和MathML。

public static final boolean isMathML(String text) {
   
  if (TextUtils.isEmpty(text)) {
   
    return false;
  }

  {
   
    int pos = text.lastIndexOf("math>");
    if (pos >= 0) {
   
      return true;
    }
  }

  {
   
    int pos = text.indexOf("<math");
    if (pos >= 0) {
   
      return true;
    }
  }

  return false;
}

四、遗留问题

附录中的公式来自于文章《Android完美解决LaTeX中文显示问题》，通过工具将LaTeX转换为MathML。

发现LaTeX能显示为多行的公式，使用MathML只显示一行。

未来有待查找问题根源。

五、Next

『神马笔记』的方程编辑器开发至此，已经实现了以下功能。

  1. 支持LaTeX和MathML
  2. 支持无效方程判断
  3. 支持空方程判定
  4. 支持LaTeX快捷输入栏

可能是Android平台最强大的方程编辑器了。

接下来将把方程编辑器整合到『神马笔记』中，以实现在笔记中插入方程。

六、Finally

～第一是早早归来～怕红萼无人为主～

七、Appendix

1.

<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  <mi>C</mi>
  <msub>
    <mi>O</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mo>+</mo>
  <msub>
    <mi>H</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mi>O</mi>
  <mrow class="MJX-TeXAtom-REL">
    <munderover>
      <mrow class="MJX-TeXAtom-OP MJX-fixedlimits">
        <mspace width="0pt" />
        <mo stretchy="false">&#x27F6;<!-- ⟶ --></mo>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mrow class="MJX-TeXAtom-ORD">
          <mo>&#x53F6;</mo>
        </mrow>
        <mrow class="MJX-TeXAtom-ORD">
          <mo>&#x7EFF;</mo>
        </mrow>
        <mrow class="MJX-TeXAtom-ORD">
          <mo>&#x7D20;</mo>
        </mrow>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mrow class="MJX-TeXAtom-ORD">
          <mo>&#x65E5;</mo>
        </mrow>
        <mrow class="MJX-TeXAtom-ORD">
          <mo>&#x5149;</mo>
        </mrow>
      </mrow>
    </munderover>
  </mrow>
</math>

2.

<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x7528;</mo>
  </mrow>
  <mi mathvariant="normal">P</mi>
  <mi mathvariant="normal">t</mi>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x7535;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6781;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x7535;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x89E3;</mo>
  </mrow>
  <mi mathvariant="normal">C</mi>
  <mi mathvariant="normal">u</mi>
  <mi mathvariant="normal">S</mi>
  <msub>
    <mi mathvariant="normal">O</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>4</mn>
    </mrow>
  </msub>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6EB6;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6DB2;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#xFF0C;</mo>
  </mrow>
  <mspace linebreak="newline" />
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x53D1;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x751F;</mo>
  </mrow>
  <mn>2</mn>
  <mi mathvariant="normal">C</mi>
  <mi mathvariant="normal">u</mi>
  <mi mathvariant="normal">S</mi>
  <msub>
    <mi mathvariant="normal">O</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>4</mn>
    </mrow>
  </msub>
  <mo>+</mo>
  <mn>2</mn>
  <msub>
    <mi mathvariant="normal">H</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mi mathvariant="normal">O</mi>
  <mover>
    <mrow class="MJX-TeXAtom-OP">
      <mstyle scriptlevel="1">
        <mtable rowspacing="0.1em" columnspacing="0em" displaystyle="false">
          <mtr>
            <mtd>
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
            </mtd>
          </mtr>
        </mtable>
      </mstyle>
    </mrow>
    <mrow class="MJX-TeXAtom-ORD">
      <mrow class="MJX-TeXAtom-ORD">
        <mo>&#x7535;</mo>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mo>&#x89E3;</mo>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mphantom>
          <mrow class="MJX-TeXAtom-ORD">
            <mo>&#x7535;</mo>
          </mrow>
          <mrow class="MJX-TeXAtom-ORD">
            <mo>&#x89E3;</mo>
          </mrow>
        </mphantom>
      </mrow>
    </mrow>
  </mover>
  <mo>&#x2061;<!-- ⁡ --></mo>
  <mn>2</mn>
  <mi mathvariant="normal">C</mi>
  <mi mathvariant="normal">u</mi>
  <mo>+</mo>
  <msub>
    <mi mathvariant="normal">O</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mo stretchy="false">&#x2191;<!-- ↑ --></mo>
  <mo>+</mo>
  <mn>2</mn>
  <msub>
    <mi mathvariant="normal">H</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mi mathvariant="normal">S</mi>
  <msub>
    <mi mathvariant="normal">O</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>4</mn>
    </mrow>
  </msub>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#xFF0C;</mo>
  </mrow>
  <mspace linebreak="newline" />
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x53EA;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x5728;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x9633;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6781;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4EA7;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x751F;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6C14;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4F53;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#xFF0C;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x7531;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x9634;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x9633;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4E24;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6781;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4EA7;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x751F;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x76F8;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x540C;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4F53;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x79EF;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x7684;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x6C14;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x4F53;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#xFF0C;</mo>
  </mrow>
  <mspace linebreak="newline" />
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x8FD8;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x53D1;</mo>
  </mrow>
  <mrow class="MJX-TeXAtom-ORD">
    <mo>&#x751F;</mo>
  </mrow>
  <mn>2</mn>
  <msub>
    <mi mathvariant="normal">H</mi>
    <mrow class="MJX-TeXAtom-ORD">
      <mn>2</mn>
    </mrow>
  </msub>
  <mi mathvariant="normal">O</mi>
  <mover>
    <mrow class="MJX-TeXAtom-OP">
      <mstyle scriptlevel="1">
        <mtable rowspacing="0.1em" columnspacing="0em" displaystyle="false">
          <mtr>
            <mtd>
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
              <mspace width="negativethinmathspace" />
              <mo>=</mo>
            </mtd>
          </mtr>
        </mtable>
      </mstyle>
    </mrow>
    <mrow class="MJX-TeXAtom-ORD">
      <mrow class="MJX-TeXAtom-ORD">
        <mo>&#x7535;</mo>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mo>&#x89E3;</mo>
      </mrow>
      <mrow class="MJX-TeXAtom-ORD">
        <mphantom>
          <mrow class="MJX-TeXAtom-ORD">
            <mo>&#x7535;</mo>
          </mrow>
          <mrow class="MJX-TeXAtom-ORD">
            <mo>&#x89E3;</mo>
          </mrow>
        </mphantom>
      </mrow>
    </mrow>
  </mover>
  <mo>&#x2061;<!-- ⁡ --></mo>
  <mn>2</mn>
  <msub
最低0.47元/天 解锁文章
Amoy阿磊
关注
专栏目录
Android完美实现在笔记中插入方程公式
济沧海 x 远沧溟
05-14 1207
Android完美实现在笔记中插入方程公式一、目标二、实现过程1. 定义存储数据2. 定义逻辑数据3. 定义交互数据4. 添加插入方程5. 执行插入方程6. 实现插入方程7. 加载方程数据三、回顾实现过程四、遗留问题五、接下来六、Finally 历经了以下几个开发阶段 iOS Pages插入方程功能分析 Android插入方程技术方案分析 Android实现方程编辑器 Android完美解决La...
Android显示数学公式MathJax
03-12
Android解析数学公式，不过mathjax还是老老实实用在web端或者结合html吧，慢的一匹，等的我老年痴呆都犯了，建议参照我另一个资源latex，笔mathjax快多了。
Android 完美呈现数学公式(一)
轻描时光
05-09 4928
最近项目中有用到数学键盘公式 例如：数学公式： 用户输入键盘后产生的数据应该就是这样的 $$ \\[ \\sum_{k=1}^n k^2 = \\frac{1}{2} n (n+1).\\] $$ 但是我们肯定不能显示出这样的一长串东西出来给用户。 基于目前现状，一直想着寻找替换方案，最近寻找了一下解决方案，惊奇的发现现在已经有支持Latex原生渲染的开源框架了。今天来学习使用一下。它就...
探索数学之美——AndroidMath：LaTeX公式渲染库
最新发布
gitblog_00032的博客
06-14 571
探索数学之美——AndroidMath：LaTeX公式渲染库 项目地址:https://gitcode.com/gregcockroft/AndroidMath 在移动应用开发中，引入复杂的数学公式常常是一项挑战。然而，有了开源项目AndroidMath，这一切变得轻而易举。这个项目提供了一种高效且易于使用的方案，在Android平台上直接渲染LaTeX数学公式，无需依赖WebView。 项目介绍...
Android显示数学公式LaTeX
03-12
之前想用MathJax解析数学公式，奈何慢的一比，用Latex之后感觉整个人都不一样的，治好了我多年的老年痴呆……直接导项目里的library，gradle报错试一试把codeview改成1.3.1
Android代码-一个用来显示数学公式的库
08-06
MathView MathView is a third-party view library, which might help you display math formula on Android apps easier. Two rendering engines available: MathJax and KaTeX. Support Android version 4.1 (Jelly Bean) and newer. Setup There are two ways you can add MathView to your project in Android Studio: From a remote Maven repository (jcenter). From a local .aar file. 1. Setup from a remote Maven repository (jcenter) Add compile 'io.github.kexanie.library:MathView:0.0.6' into dependencies sec
Android 显示数学公式
君之虞
06-30 836
在你的项目build.gradle文件中添加maven { url “https://jitpack.io” }，注意不是app目录下的build.gradle文件 allprojects { repositories { ... maven { url "https://jitpack.io" } } } 同时 在你app的build.gradle文件中添加compile ‘com.github.daquexian:FlexibleRichTextView:0.8.2
Android 展示数学公式(二)
轻描时光
05-10 1838
JLaTeXMath 1.JLaTeXMath是一个Java库。它的主要功能是显示LaTeX编写的数学公式，是最好的显示LaTeX代码的Java库。 2.JLaTeXMath曾经被许多著名且重要的项目引用，例如 Scilab ,Freeplane,Geogebra,Mathpiper 等等 3.JLaTeXMath的默认编码格式是UTF－8 源码的地址在http://forge.scilab...
Android插入方程技术方案分析
济沧海 x 远沧溟
04-30 691
Android插入方程技术方案分析一、目标二、技术问题三、实现方案1. 解析LaTeX2. 渲染LaTeX3. 解析MathML4. 转换MathML四、实现过程五、示例方程1.2.3.4.5.6.7.8.9.六、Next七、Finally 上一回《iOS Pages插入方程功能分析》中，我们分析了iOS Pages插入方程的用户交互过程。 这一回开始，开始分析Android如何实现插入方程的功能...
Android实现方程编辑器
济沧海 x 远沧溟
05-07 947
Android实现方程编辑器一、目标二、概述三、实现过程1. 快捷输入栏2. 方程编辑框3. 方程预览框4. 标题栏四、遗留问题五、Next六、Finally 在之前的2篇文章《iOS Pages插入方程功能分析》和《Android插入方程技术方案分析》中，我们讨论了如何在Android平台实现方程功能。现在我们着手来实现方程编辑器。 一、目标 验证Android的方程技术实现方案，并完成『神马笔...
android特效实现复杂数学公式.rar
07-30
android特效实现复杂数学公式.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
MathLive是一个用于渲染和编辑数学公式的Javascript库.zip
09-17
MathLive是一个用于渲染和编辑数学公式的Javascript库 ,mathlive是一个JavaScript库来渲染和编辑数学。 它速度快，体积小，并提供了一个易...
神马笔记 版本2.3.0——方程公式
济沧海 x 远沧溟
05-21 244
神马笔记 版本2.3.0——方程公式一、目标二、体验地址三、功能介绍1. 插入方程公式2. 编辑方程公式3. 修改方程公式4. 共享方程公式四、开发过程回顾五、下一版本开发计划六、新版本规划七、历史版本回顾八、帮助和反馈九、Finally 经过3个星期的开发时间，『神马笔记』加入了可能是Android平台最强大的方程编辑器功能。 一、目标 为『神马笔记』添加一种新的笔记元素——方程公式。 二、体...
android 显示数学工式
白7乌鸦
03-23 597
1、要求：显示诸如：之类的数学题。 2、解决方法： a、使用控件：webview b、控件设置：webview.getSettings().setJavaScriptEnabled(true); c、使用mathtype这个软件，生成工式代码，软件的应用可以度娘。 注：preferences－cut and copy perferences  设置为： 设置完后，选中工式，
markdown数学公式
热门推荐
一步一步走
03-20 1万+
行内 段落 上标 下标 括号 求和与积分 分式与根式 字体 特殊函数与符号 空间 表格 矩阵 公式对齐 分类表达式 mathjax 学习行内$ f(x)=x $f(x)=x f(x)=x 段落$$ s=\sum_1^n{n_i} $$s=∑1nni s=\sum_1^n{n_i} 上标$$ x^2 $$x2 x^2 下标$$ x_i $$xi x_i 括号小括号与方括号:原始的就好大括号: {} 用
android 显示数学函数,MathView,在Android应用中，显示数学公式的库,下载MathView的源码_GitHub_开发99...
weixin_39961943的博客
05-26 802
MathViewMathView 是第三方视图库，它可以帮助你更轻松地在Android应用程序上显示数学公式。 两个渲染引擎可用：MathJax 和 KaTeX。 支持Android版本 4.1 ( Jelly Bean ) 和更新版本。设置在 Android Studio 中，可以通过两种方式将 MathView 添加到项目中：从远程 Maven 存储库( jcenter )。从本地. aar ...
推荐开源项目：MathView - 让数学公式在Android上优雅呈现
gitblog_00088的博客
05-15 519
推荐开源项目：MathView - 让数学公式在Android上优雅呈现 MathViewA library for displaying math formula in Android apps.项目地址:https://gitcode.com/gh_mirrors/ma/MathView 在开发Android应用时，如果需要展示复杂的数学公式，你可能会遇到不少挑战。不过现在，有了MathVi...
Android、神经网络实现简单数学公式识别历程思路（未最终成功实现）
NightWatchers的博客
05-13 630
Android、神经网络实现简单数学公式识别历程思路（未最终成功实现）python神经网络训练训练集寻找神经网络编写测试Android camera2画面采集camera2的使用opencv实现物体外框绘制引入python训练的参数集总结 这学期我们学校开了Android下半学期课程，正好我刚学完了吴恩达老师的机器学习课程，就想着将二者结合起来，在移动端上实现公式识别。过程十分曲折（也可能因为我太菜。。。），在此做个记录吧。 python神经网络训练 选择在python上进行神经网络训练，因为pytho
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值