最近有个产品需求:在PC端里用富文本编辑器里编写自定义内容,然后保存后需要在小程序端展示,了解过的朋友就知道了,富文本编辑器输出的内容都是基于HTML标签的,比如:div
、p
、br
这些常用的,而小程序中使用的是类似于HTML的标签,但并不能通用!坑就在这里,两者是不通用的,所以就会遇到解析的问题。
本篇就是基于这个问题,从而实现两者的互相兼容,其实呢网上早已有解决方案,但有些不太全面,所以呢,我会把实现的具体步骤写出来,仅供参考!
假设我要实现这种效果,如下图:
上图中的内容都是富文本编辑器中生成后保存到数据库的,所以代码就会类似于下面这种↓↓↓↓↓↓: