这是我参与「第五届青训营」伴学笔记创作活动的第 8 天
字符串转html
青训营的掘金项目,需要展示用户文章,文章又是基于strapi的项目配置出来的,配置文章的时候的写法跟md语法大同小异,但通过接口拿到的数据看来,是一串很长的字符串,其实涉及到图片的时候还是/uploads开头的,直接转也展示不了图片,所以要多加一步
strapi配置文章
配置文章这一步不需要多说吧感觉,就是跟平时在juejin上写文章一样,它也可以进行预览查看效果
比如我刚刚这么写了一点东西(图片的画点三个点下边可以选择图片,在素材库里边的)
然后点击右上角预览模式,就可以看效果,预览之下是不给编辑的,再点一下换回来就能编辑了
写完记得要发布,strapi接口拿到的文章默认都是发布出来的,所以一定要先发布!!!
具体实现
strapi发布之后,就可以通过接口拿了
拿数据
request是我封装的请求,传入路径,data和methodIndex实现发送请求,但关键在于拿回的数据,都在res.data里边
可以看到拿到的图片路径不对的
改图片路径
我们就给加上http://127.0.0.1:1337这个我们strapi运行的端口
渲染
使用这个插件就能转md字符串了
marked - npm (npmjs.com)
效果
叮咚....