md字符串转html | 青训营笔记

96 阅读1分钟

这是我参与「第五届青训营」伴学笔记创作活动的第 8 天

字符串转html

青训营的掘金项目,需要展示用户文章,文章又是基于strapi的项目配置出来的,配置文章的时候的写法跟md语法大同小异,但通过接口拿到的数据看来,是一串很长的字符串,其实涉及到图片的时候还是/uploads开头的,直接转也展示不了图片,所以要多加一步

strapi配置文章

配置文章这一步不需要多说吧感觉,就是跟平时在juejin上写文章一样,它也可以进行预览查看效果

比如我刚刚这么写了一点东西(图片的画点三个点下边可以选择图片,在素材库里边的)

image.png

image.png 然后点击右上角预览模式,就可以看效果,预览之下是不给编辑的,再点一下换回来就能编辑了

image.png 写完记得要发布,strapi接口拿到的文章默认都是发布出来的,所以一定要先发布!!!

具体实现

strapi发布之后,就可以通过接口拿了

拿数据

request是我封装的请求,传入路径,data和methodIndex实现发送请求,但关键在于拿回的数据,都在res.data里边 image.png 可以看到拿到的图片路径不对的 image.png

改图片路径

我们就给加上http://127.0.0.1:1337这个我们strapi运行的端口 image.png

渲染

使用这个插件就能转md字符串了 image.png marked - npm (npmjs.com) image.png

image.png

效果

叮咚.... image.png image.png