markdown如何渲染成html?

数据库保存了md格式数据,读出后用js渲染成html,然后放到容器中显示。对于数据库中的md,要在前端显示html,思路是我这样吗?

因为使用了mavonEditor项目,它自带了markdownit解析器。于是准备用它的解析器渲染成html代码。看了mavonEditor文档,按文档调用markdownit后,渲染不出数学公式!

import {mavonEditor} from 'mavon-editor'
let a = mavonEditor.getMarkdownIt()
a.render('### 标题和公式: $E = MC^2$')

结果h3标题能出效果,但是$$公式没效果!如何搞?

阅读 8k
3 个回答

公式要用独立的库来渲染吧,我印象里一般的 markdown 是不包含的。

markdown支持完整LaTex数学公式语法。 也可以使用一些插件,比如使用MathJax引擎
引用js:

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>

然后,再使用Tex写公式。$$公式$$表示行间公式,本来Tex中使用(公式)表示行内公式,但因为Markdown中是转义字符,所以在Markdown中输入行内公式使用\(公式\),如下代码:

$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
\\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\)

分别显示结果(行间公式)

新手上路,请多包涵
import {mavonEditor} from 'mavon-editor'
`import marked from 'marked'`
let a = mavonEditor.getMarkdownIt()
a.render('### 标题和公式: $E = MC^2$')

再引入marked,
var b = marked(a.render(row.ruleContent));
再使用v-html将b的值在页面展示

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题