微信小程序解析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

最近一两个月出现了一个新的网页版Markdown编辑器 StackEdit,相当不错,最好的,没有之一。在我试用了基本上所有的网页版Markdown编辑器后我可以负责的说上面那句话。下面是其特点:开源,免费,搭建在github page上,源码寄存在GitHub。整合Dropbox和Google Drive,自动同步(如果能够指定文件夹自动同步当然是最好的)支持一键发布到Google Blog,Tumblr等。可左右或者上下分栏,一边显示Markdown语言一边显示效果可以单击左右栏分界线切换至纯写作模式,同样可以收缩顶部工具栏。在网页顶部工具栏支持加粗、倾斜、超链接、撤消和还原 等等(注意:与Word处理方式有稍许不同)。不论在左栏还是右栏滚动页面另一侧也会同步。支持Markdown Extra以GIst发布后支持分享(可以在线使用StackEdit阅读)多种保存格式详细的说明文档界面优美 )


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存