web-highlighter实现拖拽选择标注文字效果代码

代码语言:html

所属分类:拖放

代码描述:web-highlighter实现拖拽选择标注文字效果代码,开源地址:https://github.com/alienzhou/web-highlighter

代码标签: web-highlighter 拖拽 选择 标注 文字

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>

    <style>
    </style>
</head>

<body>
    <div>
        It's from an idea: highlight texts on the website and save the highlighted areas just like what you do in PDF. If you have ever visited medium.com, you must know the feature of highlighting notes: users select a text segment and click the 'highlight'
        button. Then the text will be highlighted with a shining background color. Besides, the highlighted areas will be saved and recovered when you visit it next time. It's like the simple demo bellow.
        <pre>
    code
</pre>
    </div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/web-highlighter.m.........完整代码请登录后点击上方下载按钮下载查看

网友评论0