当前位置: 首页 > news >正文

uniapp转换markdown

效果

AI智能体 微信小程序 流式

1.安装Node.js

参考:2024最新版Node.js下载安装及环境配置教程(非常详细)_node.js 安装-CSDN博客

2.需要克隆项目到本地或直接到项目地址下载压缩包。

 参考:uniapp中解析markdown支持网页和小程序_uniapp markdown-CSDN博客

git clone https://github.com/sbfkcel/towxml.git

3.安装依赖后在本地执行build编译代码

npm install
npm run build

4. 在dist目录下,把文件夹dist改名为towxml,在uni-app项目根目录中新建wxcomponents目录,将towxml复制进去。

5.在towxml/decode.json中修改路径

6.在需要使用的页面pages.json中添加组件配置,引入towxml组件

{
  "path": "pages/page/page",
  "style": {
  "usingComponents": {
  	"towxml": "/wxcomponents/towxml/towxml"
  }
}

7.在需要页面加入下面代码
 

const towxml = require("../wxcomponents/towxml/index.js");

<towxml  v-if="msg.html" :nodes="msg.html" />

"globalStyle": {
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "牛小智",
        "navigationBarBackgroundColor": "#00aa7f",
        "backgroundColor": "#ffffff",
        // #ifdef MP-WEIXIN
        "usingComponents": {
            "towxml": "/wxcomponents/towxml/towxml",
            "decode": "/wxcomponents/towxml/decode"
        }
        // #endif
    },

http://www.dtcms.com/a/130818.html

相关文章:

  • MySQL 常见存储引擎全解析:InnoDB、MyISAM、Memory 等对比与实战
  • 随笔 20250413 Elasticsearch 的 term 查询
  • 【UE5 C++课程系列笔记】35——HTTP基础——HTTP客户端异步请求API接口并解析响应的JSON
  • 【redis进阶三】分布式系统之主从复制结构(1)
  • deepseek微调环境配置
  • 如何对大模型进行优化,以提高其性能和效率?
  • 【计网】网络交换技术之分组交换(复习自用,重要1)
  • go语言学习笔记:gin + gorm + mysql 用户增删改查案例入门
  • 【Spring Boot 过滤器】
  • 中断的硬件框架
  • 【题解-洛谷】P2884 [USACO07MAR] Monthly Expense S
  • FreeBSD从14.1升级到14.2后桌面图标消失桌面背景消失且无法设置
  • 4.13日总结
  • 【RL系列】DAPO: An Open-Source LLM Reinforcement Learning System at Scale
  • 【HTTP】:应用层协议HTTP(1)
  • 银河麒麟服务器操作系统V10安装Nvidia显卡驱动和CUDA(L40)并安装ollama运行DeepSeek【开荒存档版】
  • 【中间件】nginx反向代理实操
  • 洛谷刷题小结
  • 编译uboot的Makefile编写
  • system V 共享内存
  • React 记账本项目实战:多页面路由、Context 全局
  • Dolphinscheduler3.2.1运行Java Jar路径重复的BUG修复问题
  • MySQL 用 limit 影响性能的优化方案
  • 深入学习OpenCV:第一章简介
  • (二十二)安卓开发中的数据存储之SQLite简单使用
  • 《轨道力学导论》——第一讲:轨道力学概述
  • 案例驱动的 IT 团队管理:创新与突破之路: 第四章 危机应对:从风险预见到创新破局-4.1.2债务评估模型与优先级排序
  • 阻塞与非阻塞等待非阻塞轮询
  • 代码,Java Maven项目打包遇到的环境问题
  • 针对OPPO A5(PBAM00)在锁屏界面屏幕无法滑动的问题.