扩展 Markdown Parser

运行 Markdown Preview Enhanced: Extend Parser 命令。
然后 parser.js 文件。

parser.js 文件位于 ~/.mume/parser.js

  1. module.exports = {
  2. onWillParseMarkdown: function(markdown) {
  3. return new Promise((resolve, reject)=> {
  4. return resolve(markdown)
  5. })
  6. },
  7. onDidParseMarkdown: function(html) {
  8. return new Promise((resolve, reject)=> {
  9. return resolve(html)
  10. })
  11. }
  12. }

例如,你想在每个标题前添加 ? ,那么你需要编辑 onWillParseMarkdown 如下:

  1. module.exports = {
  2. onWillParseMarkdown: function(markdown) {
  3. return new Promise((resolve, reject)=> {
  4. markdown = markdown.replace(/#+\s+/gm, ($0)=> $0+'? ')
  5. return resolve(markdown)
  6. })
  7. }
  8. }

screen shot 2017-07-14 at 1 04 19 am

再例如,你想要使用 <div class="mermaid"></div> 的写法来渲染 mermaid 图形。

  1. module.exports = {
  2. onWillParseMarkdown: function(markdown) {
  3. return new Promise((resolve, reject)=> {
  4. markdown = markdown.replace(
  5. /\<div\s*class\=\"mermaid\"\>([\w\W]+?)\<\/div\>/g,
  6. (whole, content)=>`
  7. \`\`\`mermaid
  8. ${content}
  9. \`\`\`
  10. `)
  11. return resolve(markdown)
  12. })
  13. }
  14. }

screen shot 2017-07-22 at 6 25 01 pm