如何将markdown内容写成接口展示?
Flask + vue + mavon-editor
<template> <div> <el-main class="content-content"> <!-- <mavon-editor :ishljs="true" :toolbars="toolbars" ref=md /> --> <mavon-editor :value="itemDes" defaultOpen="preview" :boxShadow="false" style="z-index:1;height:80%" :editable="false" :subfield="false" :toolbarsFlag="false" :ishljs="true" > </mavon-editor> </el-main> <!-- <img :src="studentImg" style="width:100px; height:130px"> --> </div> <!-- <mavon-editor v-model="value"/> --> </template> <script> export default { data() { return { itemDes:'', imgUrl:'', // studentImg:'' }; }, computed: { prop() { let data = { subfield: false,// 单双栏模式 defaultOpen: 'preview',//edit: 默认展示编辑区域 , preview: 默认展示预览区域 editable: false, toolbarsFlag: false, scrollStyle: false, boxShadow: false//边框 } return data } }, mounted() { this.$http.post({url: '/kg/getdata/md'}) # 发送ajax 去后端python 接口请求数据 .then(response => { const { data } = response console.log(data.data) this.itemDes = data.data }) .catch(error => { console.log(error) }) }, } </script>
"""后端python 接口"""
@app.route('/kg/getdata/md', methods=['post']) def ajax_test_add(): file_path = 'md/KG_infer_query.md' # markdown 文件的路径 base_dir = os.path.dirname(__file__) print(base_dir) path = os.path.join(base_dir, file_path) try: f_name = open(path, 'r', encoding='UTF-8').read() # 读取markdown 内容 tmlmarkdown=markdown.markdown(f_name) # 成功获取到md文件内容啦 print(tmlmarkdown) return {'data':tmlmarkdown,'resCode':200} except OSError as reason: print('读取文件出错了T_T') print('出错原因是%s' % str(reason)) return json.dumps({'err': str(reason),'resCode':500})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现