uni-app使用u-parse富文本解析strong、i、h等标签不生效

富文本在多数网站中都是不可缺少的模块部分,富文本的存在使整个网站内容更加全面也变得更为灵活。

因此就算是在常见的小程序的中也可以说是随处可见富文本的存在,uParse富文本解析组件也由此而生。


但在实际使用uParse富文本解析组件中发现,strong、i、h等特定的标签效果却没有实现。

那么这是怎么回事呢?看到这里,我可以明确的告诉你,问题出自于你而非组件。

问题来自于:scoped

    scoped的作用: 使当前组件的样式不会和其它组件冲突,因为它会给每个组件相关的选择器添加不会重复的属性

通常我们在大多数时候,都会习惯性的加上该参数。但事实确实该参数的极大的可能会影响到你的效果。

当你在当前页面中引入u-parse.css时,则不能添加scoped属性

<style   lang="scss">
@import url("@/components/u-parse/u-parse.css");
</style>

如果你是全局引入u-parse.css样式效果,则不会存在该问题。

总结来说,该问题的发生和你对于u-parse.css样式引入的位置有着绝对的关系。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!