跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 前端批量高亮页面上某些关键字 有什么好的插件吗?
未分類
15 5 月 2020

前端批量高亮页面上某些关键字 有什么好的插件吗?

前端批量高亮页面上某些关键字 有什么好的插件吗?

資深大佬 : firhome 0

页面加载完成,需要高亮一些文案。

目前想的是获取 html,然后直接 replace 。 但是觉得性能不太好(批量获取,换好后,再批量塞回去)。

我想的是理想的解决方案是 得到需要高亮的文字,然后获取最近的标签,通过获取标签 然后 高亮标签内的文字。(需要写正则)

不知道 有没有其它成熟的插件呢?

大佬有話說 (5)

  • 資深大佬 : yl14786922106

    [].forEach.call($$(“*”),function(a){
    a.style.outline = “1px solid #” + (~~(Math.random()*(1<<24))).toString(16)
    })
    在浏览器里面执行类似这种的代码?

  • 資深大佬 : rioshikelong121

    我一直在用 diigo 做网页标注 感觉和你需求有点类似。 要不你也下一个参考一下他们的做法 当然软件貌似是闭源的 你可以从 html 上去推测。

  • 資深大佬 : duan602728596

    因为文字可能被不同的标签隔开,比如
    <div>a<b>b</b>c</div>
    这种,所以我是用 parse5 把 html 拆成 ast 树,
    取每个节点去掉标签后的字符串,
    计算需要高亮的字符串的位置,
    把字符串打上标记,然后对有标记的进行统一处理

  • 資深大佬 : dinjufen

    highlightjs

  • 資深大佬 : MiBAO

    @dinjufen 不仔细去看 我还以为你乱发了一串字母

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具