Taro-ParserRichText icon indicating copy to clipboard operation
Taro-ParserRichText copied to clipboard

无法正确解析class

Open PlutoCA opened this issue 5 years ago • 26 comments

这是解析的字符串片段, <p class="ql-align-center">这是测试功能的,可删除</p><p class="ql-align-right">这是测试功能的,可删除</p><ol><li class="ql-align-right">2</li><li class="ql-align-right">3</li><li class="ql-align-right">4</li><li class="ql-align-right">2</li></ol> 这是解析的结果 image 似乎是吧标签解析成了类名,把字符串里面的类名给替换了

PlutoCA avatar Dec 16 '19 07:12 PlutoCA

@xPixv 大佬帮忙看下,有木有解决方案

PlutoCA avatar Dec 16 '19 07:12 PlutoCA

@PlutoCA 解决了吗?我也遇到这个问题了,无法解析class

che0924 avatar Jan 03 '20 03:01 che0924

这里的版本比较老,当时并不支持 class,而是直接将 class 移除 可以用这个最新的 Parser 替换 /PaserRichText/Parser 下的内容 另外 class 只支持匹配 /Parser/trees/trees.wxss 里的样式,所有样式要写到那里,否则无效(组件外的样式无法传递到组件内)

jin-yufeng avatar Jan 03 '20 06:01 jin-yufeng

@PlutoCA 解决了吗?我也遇到这个问题了,无法解析class

因为后台这个数据也是我写的,所以我换了一个富文本库,把class类换成了行内样式,在小程序端这边就可以正常显示了

刚刚大佬提到的换库还没试,你可以试一下 @che0924

PlutoCA avatar Jan 03 '20 07:01 PlutoCA

这里的版本比较老,当时并不支持 class,而是直接将 class 移除 可以用这个最新的 Parser 替换 /PaserRichText/Parser 下的内容 另外 class 只支持匹配 /Parser/trees/trees.wxss 里的样式,所有样式要写到那里,否则无效(组件外的样式无法传递到组件内)

好的👌

PlutoCA avatar Jan 03 '20 07:01 PlutoCA

@jin-yufeng image 用了你的方法可以引入样式,但是现在图片显示不出来 src 的地址是动态获取得

che0924 avatar Jan 03 '20 08:01 che0924

image

che0924 avatar Jan 03 '20 08:01 che0924

怎么动态取得 src

jin-yufeng avatar Jan 03 '20 08:01 jin-yufeng

@jin-yufeng 也不算动态获取 后台传来的html 里面有专门的标签,我前端这边用正则匹配相应标签替换,现在后台 直接传图过来展示没问题,但是我自己加IMG 标签 就成了空图,图片地址没问题

che0924 avatar Jan 03 '20 08:01 che0924

image

che0924 avatar Jan 03 '20 08:01 che0924

如图,内容都是后台传过来的

che0924 avatar Jan 03 '20 08:01 che0924

替换完之后的 html 是什么

jin-yufeng avatar Jan 03 '20 08:01 jin-yufeng

image 把{headimg}替换成如图

che0924 avatar Jan 03 '20 08:01 che0924

src 的前后加上引号试一下

jin-yufeng avatar Jan 03 '20 08:01 jin-yufeng

@jin-yufeng 可以了,谢了,为了一个AD标签 太折腾了,

che0924 avatar Jan 03 '20 08:01 che0924

@jin-yufeng 这个插件传到git仓库时报错,一改就没有图片了

che0924 avatar Jan 03 '20 12:01 che0924

报啥错?

jin-yufeng avatar Jan 03 '20 12:01 jin-yufeng

image image image

che0924 avatar Jan 03 '20 12:01 che0924

@jin-yufeng

che0924 avatar Jan 03 '20 12:01 che0924

这是有什么自动检查么 要不你试试用这个 min 版本 Parser.min

jin-yufeng avatar Jan 03 '20 12:01 jin-yufeng

image baode报的错更多 晕了

che0924 avatar Jan 03 '20 13:01 che0924

@jin-yufeng

che0924 avatar Jan 03 '20 13:01 che0924

那我也没有办法了,这并没有不符合 js 的语法,你看看怎么替换吧

jin-yufeng avatar Jan 03 '20 13:01 jin-yufeng

@jin-yufeng 这个插件在有的安卓机型下,需要滑动两次才能上划,有的机型就可以直接滑动,有类似问题嘛?

che0924 avatar Jan 07 '20 07:01 che0924

@jin-yufeng 这个插件在有的安卓机型下,需要滑动两次才能上划,有的机型就可以直接滑动,有类似问题嘛?

可能是刚打开的时候 setData 还没完成? 1

jin-yufeng avatar Jan 07 '20 11:01 jin-yufeng

@jin-yufeng 应该不是这个原因,因为就分机型有的机型一直出现有的不会,出现这种情况,好像第一次滑动右边有个大的滚动条滑到底部后,然后第二次滑动才是整个页面小的滚动条出现

che0924 avatar Jan 08 '20 03:01 che0924