示例:自定义动态高亮组件

示例:自定义动态高亮组件 公开 已发布

如何安装动作?
复制Ta的推荐码
无动无静,无才无命。

适用于
分类(旧)
其他 编程相关 示例
关键词


1 个动作单 收藏了此动作。

更多信息
分享时间 18天22小时前
最后更新 18天21小时前
修订版本 2
用户许可 -未设置-
Quicker版本 1.43.33
动作大小 27 KB

分享到

「HTML的,使用CSS.highlights API实现 示例仅为简单高亮效果,不考虑复杂情况,因不考虑性能问题,因此动态刷新,规则越多越复杂越卡」

简介

学习摸索,不考虑兼容,不考虑性能,差不多就OK.通过在组件属性指定对应元素的CSS选择器(可多个),以及组件内的CSS高亮名称位置填写正则(需要前后四个*号包裹方便提取),自动将正则转为特定名称,并把替换后的CSS插入到文档,让通过提取的正则与获得的名称对文档内符合要求的文本注册高亮.
组件监控body树,一旦变化则检查是否有符合属性指定的CSS选择器,有则自动加入监控并刷新高亮,每个指定的元素都会挂载一个监视器来处理动态高亮刷新.如果当前元素属性变化导致不再符合组件指定的选择器则自动移除监视组并移除该元素的高亮.

有无实用价值,不清楚,仅学习摸索所得.

最近更新

修订版本 更新时间 更新说明
2 18天21小时前 微调
1 18天21小时前 改个注释
0 18天22小时前

最近讨论

暂无讨论