uni-app 关于解析Markdown文件的格式和兼容性

以下显示基于PC端最流行的Markdown软件Typora进行编写，如显示不正常请参考附件（用Typora打开md文件，或参考PDF），以下内容与md文件一致粘贴过来

另有一个开源项目可以参考，希望能提供帮助，https://github.com/sbfkcel/towxml

需求1，复杂表格可以正常显示，且只有table的情况下，不需要添加tbody标签

表格：

Html表格含tbody

<table>
<tr>
<td colspan="2">合并表头</td>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>  

html表格不含tbody

<table>
<tr>
<td>背景</td>
<td colspan="2">第二次世界大战中，世界反法西斯国家提出了建立战后国际安全组织的主张</td>
</tr>
<tr>
<td>成立</td>
<td colspan="2">1945年10月</td>
</tr>
<tr>
<td>地位</td>
<td colspan="2">联合国是人类构建世界和平的成果，也是影响最大的国际组织</td>
</tr>
<tr>
<td>总部</td>
<td colspan="2">设在美国纽约</td>
</tr>
<tr>
<td rowspan="3">主要机构</td>
<td rowspan="3">联合国大会、联合国安全理事会、联合国秘书处等</td>
<td>联合国大会简称“联大”，由全体会员国组成，每年举行一届大会</td>
</tr>
<tr>
<td>联合国安全理事会，简称“安理会”，担负着维护国际和平与安全的主要责任。安理会由中国、法国、俄罗斯、英国、美国5个常任理事国和10个非常任理事国组成，常任理事国拥有否决权</td>
</tr>
<tr>
<td>联合国秘书处是联合国的行政秘书事务机构</td>
</tr>
<tr>
<td>职能</td>
<td colspan="2">根据安理会或联大的决议，联合国可以向冲突地区派出军事人员，以恢复或维持和平。以联合国名义派出的武装力量，被人们称为“联合国维持和平部队”</td>
</tr>
<tr>
<td>作用</td>
<td colspan="2">联合国在维护国际和平与安全方面发挥了积极作用，使许多国家和地区避免了一些可能发生的战争</td>
</tr>
</table>  

Markdown表格

## 需求2，公式正常显示

### 公式1，包含了$$中间的LaTax公式正常显示
```latex
\[ F_{\text {浮}}'=\rho_{\text {水}} V_{\text {排}}' g=1.0 \times 10^{3} \mathrm{~kg} / \mathrm{m}^{3} \times 1 \times 10^{-4} \mathrm{~m}^{3} \times 10 \mathrm{~N} / \mathrm{kg}=1 \mathrm{~N} \]

公式2，一行里面如果有两套$$内容，前后多个公式都要独立显示

\[ F_{\text {浮 }}=G_{\text {排 }}=m_{\text {排 }} g=\rho_{\text {液 }} g V_{\text {排 }} \]、这里前后有两个公式 \( 0.8 \times 10^3 \text{kg/m}^3 \)

公式3，$$套起来的公式块正常显示

\[ 
F_{\text {浮}}'=\rho_{\text {水}} V_{\text {排}}' g=1.0 \times 10^{3} \mathrm{~kg} / \mathrm{m}^{3} \times 1 \times 10^{-4} \mathrm{~m}^{3} \times 10 \mathrm{~N} / \mathrm{kg}=1 \mathrm{~N}
\]

公式4，相关符号没有显示，且手机上被换行

\[ \Delta \quad \underline{\quad\quad\quad\quad} \quad \rho \quad \eta \]

公式5，需要在手机上正常显示

\[
\begin{align}
& 原式= - \frac { 5 } { 2 } \div ( - 15 ) \times ( - \frac { 1 } { 15 } ) \\
&=- \frac { 5 } { 2 } \times \frac { 1 } { 15 } \times \frac { 1 } { 15 } \\
&=- \frac { 1 } { 90 }
\end{align}
\]

公式6，$包括的乘号times在手机上不显示，被识别成了纯文本

0.32N，0.4 \times 10^3 \text{kg/m}^3

公式7，Markdown的上标下标正常显示

1~0~ 1~1~ 1~2~ 1~3~ 1^3^

### 公式8，table标签表格内的上标下标无法正常显示，只显示了上标下标，没有显示数字本身
```html
<table>
<tr>
<td>1<sub>234</sub></td>
<td>2<sup>345</sup></td>
<td>3</td>
</tr>
</table>

公式9，容错，第二个等号后面的内容没有显示，需要在同一行内识别单美元和双$

\[ \eta=\frac{W_{\text {有用 }}}{W_{\text {总 }}} \] =\frac{W_{\text {有用 }}}{W_{有用}+W_{额外}}

需求3，带有HTML标签的样式显示问题

样式1，普通无标签无语法内容

如图甲所示，将一金属圆柱体挂在弹簧测力计下缓慢浸入水中（水足够深），在圆柱体接触容器底之前，分别记下圆柱体下表面所处深度h和弹簧测力计相应的示数F，图乙是根据记录数据作出的F和h关系的图象（g取10N/kg）。由图象可知（　　）

样式2，html样式尾部没封口正常显示

<p style="text-indent:2em"><font font-family="楷体">如图甲所示，将一金属圆柱体挂在弹簧测力计下缓慢浸入水中（水足够深），在圆柱体接触容器底之前，分别记下圆柱体下表面所处深度h和弹簧测力计相应的示数F，图乙是根据记录数据作出的F和h关系的图象（g取10N/kg）。由图象可知（　　）

样式3，html样式尾部封口正常显示

<p style="text-indent:2em"><font font-family="楷体">如图甲所示，将一金属圆柱体挂在弹簧测力计下缓慢浸入水中（水足够深），在圆柱体接触容器底之前，分别记下圆柱体下表面所处深度h和弹簧测力计相应的示数F，图乙是根据记录数据作出的F和h关系的图象（g取10N/kg）。由图象可知（　　）</font></p>

样式4，html语法居中

<center>这里是居中的内容</center>

样式5，html语法居中且加粗

<p style="text-align:center"><strong>如图甲所示，将一金属圆柱体挂在弹簧测力计下缓慢浸入水中（水足够深），在圆柱体接触容器底之前，分别记下圆柱体下表面所处深度h和弹簧测力计相应的示数F，图乙是根据记录数据作出的F和h关系的图象（g取10N/kg）。由图象可知（　　）</strong></p>

样式6，html字体样式楷体，加粗，下划线（目前插件插画线有但是被换行）

<p style="text-indent:2em"><font face="楷体">如图甲所示，<strong>将一金属圆柱</strong>体挂在弹簧测力计下缓慢浸入水中（水足够深），在圆柱体接触容器底之前，<u>1234567890</u>分别记下圆柱体下表面所处深度h和弹簧测力计相应的示数F，图乙是根据记录数据作出的F和h关系的图象（g取10N/kg）。由图象可知（　　）</font></p>

Markdown显示层级，这里是control1

Markdown显示层级，这里是control2

Markdown显示层级，这里是control3

Markdown显示层级，这里是control4

Markdown显示层级，这里是control5

Markdown显示层级，这里是control6（注意control6是灰色的字体）

这里符号前后不换行

（1）物体受平衡力(或不受力)$\leftrightarrow$物体的运动状态不变(保持静止或匀速直线运动状态)。

（2）物体受非平衡力作用运$\leftrightarrow$动状态改变(运动快慢或方向改变)。