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

首先静态的html标签是无法直接调用java程序的。\x0d\x0a下面是实现的几种方法:\x0d\x0a\x0d\x0a第一种方法:\x0d\x0a将按钮放到form表单中,当按钮点击时提交表单(或者直接将input的type属性定义成submit),表单可以指向JSP或Servlet,信碧在JSP或Servlet里调用java程序\x0d\x0a\x0d\x0a第二种方法:\x0d\x0a在按钮的onclick时间中添加js代码\x0d\x0aself.location="url"其中url指向JSP或Servlet\x0d\x0a\x0d\x0a第三种方法:\x0d\x0a使用第三方的javascript包,dwr是一个不错的选择:\x0d\x0a1、需要准备dwr的jar包,并将之放到lib目录下;\x0d\x0a2、修改web.xml文件,添加DWRServlet的映射;\x0d\x0a3、配置dwr,即在WEB-INF目录下,添加dwr.xml文件,让dwr知道在运行时给哪些JavaBean生成相应的javascript库袜和;\x0d\x0a4、将需要的脚本库引入到html页面中就可以通过dwr的API访问java类了。\x0d\x0a\x0d\x0a第四种方法:\x0d\x0a使用MVC框架更简单,以struts为例,可以仿照第一或第二种方法,将url替换成配置文件中配告坦盯置的地址就能访问java程序了。

使用WxParse可没正汪以将html转清颤成小程序的wxml,不过我还是建议自己手工重写一遍代码,小程序代码跟html的差不多,枯仔小程序的标签更少,原生标签功能更强大,如果你已经会写普通web前端,小程序大同小异,一看就会了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存