养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

javascript写脚本解析markdown方法

时间:2024-11-13 00:45:55

markdown是很好用的标记语言,这里分享怎么用javascript解析markdown

工具/原料

javascript

marked.js

方法/步骤

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

javascript写脚本解析markdown方法

2、第二步:通过npminstall-gmarked进行安装,安装成功后如图所示:

javascript写脚本解析markdown方法

3、第三步:写页面,并importmarkedfrom'marked',烂瘀佐栾这里采用vue,代码如下:媪青怍牙<template><viewref="hlDiv"v-html="code"></view></template>

javascript写脚本解析markdown方法

4、第四步:javascript代码如下:importmarkedfrom'ma筠续师诈rked'exportdef锾攒揉敫ault{components:{marked},data(){return{code:'```javascript\nfunction(){\n\tconsole.log(123)\n}\n```'}},methods:{},mounted(){marked.setOptions({renderer:newmarked.Renderer(),gfm:true,tables:true,breaks:false,pedantic:false,sanitize:false,smartLists:true,smartypants:false});this.code=marked(this.code);}}

javascript写脚本解析markdown方法

5、第五步:运行结果如图:,可以看到,成功markdown滑

javascript写脚本解析markdown方法

6、第六步:全部代码如下:<template><viewref=&qu艺皱麾酪ot;hlDiv"v-ht罪焐芡拂ml="code"></view></template><script>importmarkedfrom'marked'exportdefault{components:{marked},data(){return{code:'```javascript\nfunction(){\n\tconsole.log(123)\n}\n```'}},methods:{},mounted(){marked.setOptions({renderer:newmarked.Renderer(),gfm:true,tables:true,breaks:false,pedantic:false,sanitize:false,smartLists:true,smartypants:false});this.code=marked(this.code);}}</script><style></style>

javascript写脚本解析markdown方法

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

javascript写脚本解析markdown方法

8、第八步:纯手打,希望可以帮到大家

© 一点知识