“转换” 意思是将"小程序"不支持的东西转换成它支持的东西

“转换” 意思是将"小程序"不支持的东西转换成它支持的东西。我在开发的小程序的过程中遇到了两种需要做“转换”的场景：

我将在下文详细介绍我是怎么处理这两种情况的。

我们的产品在某些场景下，后端接口会直接传 html 字符串给前端。在 ReactJs 中，我们可以用 dangerouslySetInnerHTML 直接渲染 html 字符串（不一定安全），而 ”小程序“不支持 html ，因此必须对 html 进行处理。我在对问题做了调研后发现，现有一个库 wxParse 满足该转换的目的，但是在我看来，这个库做的事情太多，需要依赖文件过多，不满足只需要简单处理的需要，所以我决定自己写。

以上，我们完成了 html字符串的转换，完整代码请戳 htmlParser

在熟悉了“小程序”框架的基础上，发现需要借助模板 template ，将 json 数据填充进 template，并根据元素类型渲染相应的 wxml 组件以达到转换目的。这样，我们就能转化成功了。

而因为模板没有引用自身的能力，只能使用笨办法：使用多个同样内容，但是模板名称不一样的模板来解决嵌套的层级关系，而嵌套的层级取决于使用的模板个数。