在富文本编辑器中上传一张带空格图片名称的图片
在rich-text中回显
哎嘿hh
- 发布：2022-08-09 14:05
- 更新：2022-08-10 11:24
- 阅读：341
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 64位操作系统，基于x64的处理器
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
浏览器平台： 微信内置浏览器
浏览器版本： v1.06.2205231
项目创建方式： HBuilderX
操作步骤：
预期结果：
图片正常显示
图片正常显示
实际结果：
图片无法显示
图片无法显示
bug描述：
h5端，rich-text组件中的图片路径存在空格时会自动转成英文逗号，导致图片无法访问
this.nodes.push({
name:'p',
children:[
{
name:'img',
attrs:{
src:'https://static-test.zhil.cloud/microAdminPc/tinymce/tinymce_1ga2qgf52333 .png'
}
},
{
type: 'text',
text: '111'
}
]
})
-
哎嘿hh (作者)
直接用js操作是没问题的，得把这段json直接放到rich-text中，<p><img src=\"https://static-test.zhil.cloud/microAdminPc/tinymce/tinymce_1ga2qgf52333 .png\" alt=\"\" width=\"127\" height=\"124\">1111</p>
2022-08-10 17:40
-
哎嘿hh (作者)
<p><img src=\"https://static-test.zhil.cloud/microAdminPc/tinymce/tinymce_1ga2qgf52333 .png\" alt=\"\" width=\"127\" height=\"124\">1111</p> 将这段内容放到rich-text中就可以复现了
2022-08-10 11:09