如何使用mp-html组件解析wordpress中WYSIWYG可视化编辑器字符

且把搁浅，当作宝贵的小憩，静看那得意的帆影，去随浪逐波 ---顾城-

# 序

经常使用星宿UI的大家都知道pods插件可以添加WYSIWYG可视化编辑

配置成功之后我们去编辑器编写内容是正常的。二问题就出现接口返回的数据不是html标签，而是字符串语法

导致使用mp-html组件解析之后不换行，准确说是无法解析字符串语法

# 解决

使用正则即可，但是得注意图二WYSIWYG过来他是双倍的rnrn;正则需要特殊一点

set() {     // 请求set接口     uni.request({          url: API.set,           success: (res) => {               // 处理 process 字段中的换行符，连续的rnrn只转换成一个<br>               if (res.data[0] && res.data[0].process) {                        res.data[0].process = res.data[0].process                            // 先将连续的rnrn替换为单个<br>                            .replace(/rnrn+/g, '<br>')                            // 处理剩余的单个rn                            .replace(/rn/g, '<br>')                            // 处理其他换行符格式                            .replace(/n/g, '<br>')                            .replace(/r/g, '<br>');               }              this.setData = res.data[0];         }     })},

如果需要多显示多个换行，可以把正则去掉连续的正则

// 先将连续的rnrn替换为单个<br>.replace(/rnrn+/g, '<br>')

取消时候写内容必须使用代码的位置写。才不会出现多个rn

本篇文章来源于微信公众号: 枫瑞博客网