uni-app 快应用开发 rich-text 解析富文本 table 真机调试不显示

uni-app 快应用开发 rich-text 解析富文本 table 真机调试不显示

示例代码：

this.htmlString = parseHtml('<table><tr><th>Header</th></tr><tr><td>Data</td></tr></table>');

注释 parseHtml 是转换数组的方法

操作步骤：

  • 在快应用中 点击usb调试 在手机端看

预期结果：

  • 能显示

实际结果：

  • 不显示

bug描述：

uniapp 快应用开发 rich-text 解析富文本 table真机调试不显示 请问下这是怎么情况 table是受信任的HTML节点及属性啊 但是为啥不好使啊 在快应用调试工具中是可以的


更多关于uni-app 快应用开发 rich-text 解析富文本 table 真机调试不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 快应用开发 rich-text 解析富文本 table 真机调试不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app快应用环境中，rich-text组件对table标签的支持确实存在平台差异。虽然table属于受信任节点，但快应用底层渲染引擎可能对复杂表格结构的解析不完善。

建议尝试以下解决方案：

  1. 使用uni-app的upx单位替代px
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1upx solid #ddd;
  padding: 8upx;
}
  1. 检查表格结构完整性 确保包含thead/tbody，并添加基础样式：
<table style="width:100%;border:1px solid #ccc">
  <thead>
    <tr><th>Header</th></tr>
  </thead>
  <tbody>
    <tr><td>Data</td></tr>
  </tbody>
</table>
回到顶部