javascript写脚本解析markdown方法

javascript

marked.js

第一步：从marked.js官网下载，官网地址：https://marked.js.org/#/README.md#README.md，如图：

第二步：通过npm install -g marked进行安装，安装成功后如图所示：

第三步：写页面，并import marked from 'marked'，这里采用vue，代码如下：

第四步：javascript代码如下：import marked from 'marked'        export default{        components:{marked},        data(){            return {                code:'```javascript\nfunction(){\n\tconsole.log(123)\n}\n```'            }        },        methods:{        },        mounted(){            marked.setOptions({                renderer: new marked.Renderer(),                gfm: true,                tables: true,                breaks: false,                pedantic: false,                sanitize: false,                smartLists: true,                smartypants: false            });            this.code = marked(this.code);        }    }

第五步：运行结果如图：，可以看到，成功markdown滑

第六步：全部代码如下：  

第七步：如果用jquery方式，直接通过script引入marked.js即可，用法一样

第八步：纯手打，希望可以帮到大家