rich-text 遇到复杂点的html代码就无法执行了

C-Chicken

与后端交互获得的html内容，只要富文本内容稍微的复杂一些，rich-text 就似乎无法解析了，表现为白屏
写法上面，除了内容是我复制了与后台交互过来的内容外，其他的都是抄的官方文档里面的案例

经过测试，把P标签删除就可以了，但是实际商用了以后，后端传递过来的富文本内容都是由客户编辑的，并无法要求客户按那些格式来写

<template>
<scroll-view class="main" scroll-y>
<rich-text nodes={nodes}></rich-text>
</scroll-view>
</template>
<style>
.main {
width: 100%;
height: 100%;
}
</style>
<script>
export default {
name: 'test',
data(){
return {
nodes: ''
}
},
methods:{
apiready(){
this.data.nodes = `
<p><img src="http://mgj-file**.**/admin/2/Goods/202010/5f9a87cada32c.jpg" title="202010/5f9a87cada32c.jpg" alt="u=1883517582,62032572&fm=26&gp=0.jpg"/></p><p><img src="http://mgj-file**.**/admin/2/Goods/202010/5f9a87e356a1f.jpg" title="202010/5f9a87e356a1f.jpg" alt="u=1457857732,1619988551&fm=26&gp=0.jpg"/></p><p><br/></p>;
}
}
}
</script>

复制代码

技术咨询-F

我们确认一下

ntfa

this.data.nodes = `
<p><img src="http://mgj-file**.**/admin/2/Goods/202010/5f9a87cada32c.jpg" title="202010/5f9a87cada32c.jpg" alt="u=1883517582,62032572&fm=26&gp=0.jpg"/></p><p><img src="http://mgj-file**.**/admin/2/Goods/202010/5f9a87e356a1f.jpg" title="202010/5f9a87e356a1f.jpg" alt="u=1457857732,1619988551&fm=26&gp=0.jpg"/></p><p><br/></p>;`

ntfa

尾部缺少这个符号`

ntfa

参考一下示例：this.data.nodes = `
            <p>
                  This is <i><b>rich text</b></i>.
            </p>`;

C-Chicken

ntfa 发表于 2021-3-17 22:42
参考一下示例：this.data.nodes = `

This is rich text.

没用，你试过就知道了

玄武168

我也遇到这个问题了，确实不是哪个符号的事，期待官方尽快解决

ntfa

rich-text，今天我也反复验证、测试均不成功，可以显示文字，但图片则不行。我看官方案例，如拼团，也不能正常显示。请官方解决。

C-Chicken

ntfa 发表于 2021-3-18 16:59
rich-text，今天我也反复验证、测试均不成功，可以显示文字，但图片则不行。我看官方案例，如拼团，也不能 ...

不是,复杂一点的就不行,像p标签里面套img标签就不行,但是假如就img 标签的话,他图片又是能显示的,你可以试试

ntfa

是的。套了<p>，不行了

[多端开发] rich-text 遇到复杂点的html代码就无法执行了