如何将markdown字符串转换为具有css样式的html字符串,就像github预览一样?

时间:2017-06-30 02:58:52

标签: github markdown

我尝试以编程方式将markdown字符串解析为github css样式中的html字符串。我已经尝试了下面的事情,但由于css的缘故,没有一个完全符合我的需要。

  1. https://github.com/chjj/marked
  2. https://github.com/sindresorhus/github-markdown-css
  3. highlight.js
  4. my versiongithub version进行比较,您将看到github版本更加美观。 那么,是否有一个javascript api可以在这样的html文件中使用:

    <script>
    // this is a js code block 
    var md = "```js\nvar a = 1```" 
    var h = Convert(md) 
    // h will be the html string just like the one github preview generated 
    // (image you submit a github issue and click the preview button)
    </script>
    

    或者显示markdown文件的github api,就像显示html文件的htmlpreview一样。

1 个答案:

答案 0 :(得分:0)

Highlight.js只是一个语法高亮框架。您必须包含语法主题样式表以定义突出显示样式。 Github的语法主题样式表是开源的,可以找到here(github-syntax-light)。在您的文档中包含此样式表,您应该没问题。