爱意满满的作品展示区。
chunshan

前端:简单的实现选中内容,划线、高亮小工具

  •  
  •   chunshan · Nov 27, 2022 · 3317 views
    This topic created in 1291 days ago, the information mentioned may be changed or developed.

    文章文本上,想要进行划线,高亮等操作,又不想破坏原有的 dom 结构,所以写了一个小工具来实现此想法。

    目前想到的应用场景:笔记、批注等。

    • 设置选中区域高亮 划线等标记
    • 标记区域添加点击事件 class
    • 标记区域显示与隐藏

    仓库地址: https://github.com/chunshand/mark-highlight

    Supplement 1  ·  Dec 9, 2022
    最近考虑用 web component 实现,会不会更好一些
    6 replies    2022-11-30 09:40:17 +08:00
    sugarkeek
        1
    sugarkeek  
       Nov 27, 2022
    支持,前几天刚刚下了一个支持标注的 chrome extension
    chunshan
        2
    chunshan  
    OP
       Nov 27, 2022
    🙏
    huajieyu
        3
    huajieyu  
       Nov 28, 2022
    chunshan
        4
    chunshan  
    OP
       Nov 28, 2022
    演示地址 : https://code.juejin.cn/pen/7171034100965310472

    方便更为直观的了解
    vsitebon
        5
    vsitebon  
       Nov 29, 2022
    用 svg 实现,太有趣了
    GOGO1874
        6
    GOGO1874  
       Nov 30, 2022
    原来是用 SVG 实现的, star 学习一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1062 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 18:27 · PVG 02:27 · LAX 11:27 · JFK 14:27
    ♥ Do have faith in what you're doing.