TOP

vue使用markdown-it展示md文件

作者: admin编辑
日期: 2020-07-26
<pre><code class="lang-bash">npm install --save markdown-it highlight.js</code></pre><pre><code>var md = require('markdown-it')({ html: false, // 在源码中启用 HTML 标签 xhtmlOut: false, // 使用 '/' 来闭合单标签 (比如 &lt;br /&gt;)。 // 这个选项只对完全的 CommonMark 模式兼容。 breaks: false, // 转换段落里的 '\n' 到 &lt;br&gt;。 langPrefix: 'language-', // 给围栏代码块的 CSS 语言前缀。对于额外的高亮代码非常有用。 linkify: false, // 将类似 URL 的文本自动转换为链接。 // 启用一些语言中立的替换 + 引号美化 typographer: false, // 当 typographer 启用时,成倍的 + 单引号替换对。 // 或者智能(smartquotes)引号等,可以是 String 或 Array。 // // 比方说,你可以支持 '«»„“' 给俄罗斯人使用, '„“‚‘' 给德国人使用。 // 还有 ['«\xA0', '\xA0»', '‹\xA0', '\xA0›'] 给法国人使用(包括 nbsp)。 quotes: '“”‘’', // 高亮函数,会返回转义的 HTML。 // 如果源字符串未更改,且应该进行外部的转义,或许返回 '' // 如果结果以 &lt;pre ... 开头,内部包装器则会跳过。 highlight: function (str, lang) { if (lang &amp;&amp; hljs.getLanguage(lang)) { try { return '&lt;pre class="hljs"&gt;&lt;code&gt;' + hljs.highlight(lang, str, true).value + '&lt;/code&gt;&lt;/pre&gt;'; } catch (__) {} } return '&lt;pre class="hljs"&gt;&lt;code&gt;' + md.utils.escapeHtml(str) + '&lt;/code&gt;&lt;/pre&gt;'; } });<br></code></pre><p>来源:&nbsp;<a href="http://markdown-it.docschina.org/" target="_blank">markdown-it 中文文档</a></p>