微信小程序解析HTML和MARKDOWN

微信小程序解析HTML和MARKDOWN,第1张

Towxml 是一个可将 HTML 、 markdown 转换为 WXML (WeiXin Markup Language)的渲染库。

由于微信小程序不能直接渲染 HTML ,因此富文本编辑器生成的 HTML 内容无法直接在小程序中展示。

可能是出于安全因素考虑,即使 WXML 文本在小程序中也是以字符串方式进行渲染。

所以……

然后……

于是, Towxml 就因此降临了。

https://github.com/sbfkcel/towxml

1. 克隆TOWXML到小程序根目录

2. 在小程序 app.js 中引入库

3. 在小程序页面文件中引入模版

4. 在小程序对应的js中请求数据

5. 引入对应的WXSS

OK,大功告成~~

如果为了追求极致的体验,建议将 markdown 、 html 转换为 towxml 数据的过程放在服务器上,在小程序中直接请求数据即可。

1. 依赖环境

需要 Node.js 环境。(已经安装请忽略)

2. 安装 towxml

3. 接口使用

MIT

充分利用有效资源。

首先,登录微信公众平台,在此之前需要填写基本信息注册一个属于你的微信公众号,注册不难,基本零门槛,注册好了之后直接用手机扫码登录即可。微信公众号如何编辑推送文章?进入主页面之后可以看到最左侧有一列菜单,选择“素材管理”,所有已经推送的或者还在编辑没有推送的图文消息都在这里,如果是新注册的公众号当然这里就是空白的了。

接下来具体说说如何编辑一条推送,公众平台上的编辑功能比较简单,所以一般是利用第三方平台进行推送的编辑工作,比如秀米编辑器。同样的,秀米也要先注册一个账号,然后开始编辑图文。秀米编辑器使用起来还是相对比较方便的,左边这一栏是各种模板,图片、文字、背景、小贴纸、分割线等等非常丰富,直接点击使用往里面填文字就可以了。

并且模板都是持续更新的。中间就是排版主界面了,这个只要多使用几次熟悉了就会 *** 作了,系统都有各种提示, *** 作起来不难。秀米右上角是可以关联到微信公众号的,图文编辑完毕之后可以直接传输到对应的公众号,也就是上面提到的“素材管理”的位置。然后在公众号进入图文编辑页面,修改无误之后就可以保存群


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7868003.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存