uni-app使用u-parse富文本解析strong、i、h等标签不生效
uni-app
2023-08-19 21:58:26
富文本在多数网站中都是不可缺少的模块部分,富文本的存在使整个网站内容更加全面也变得更为灵活。
因此就算是在常见的小程序的中也可以说是随处可见富文本的存在,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样式引入的位置有着绝对的关系。

891篇文章
2174人已阅读