划词高亮插件示例

使用说明

这是一个划词高亮插件的演示页面。你可以：

• 将鼠标悬停在段落上，段落会自动高亮并显示菜单
• 手动选择文本进行高亮，选择完成后会显示菜单

限制区域示例

这个区域是限制划词区域。只有在这个区域内才能进行划词高亮操作。

你可以尝试在这个区域我是子元素内悬停鼠标或选择文本。

在区域外我是子元素选择文本不会触发高亮功能。

普通内容区域

这是普通的内容区域，没有限制选择器。你可以在整个区域内进行划词高亮。

插件会自动识别段落元素，包括 p、div、li、h1-h6 等标签。

当你选择文本时，选中的内容会被高亮显示，并在合适的位置弹出菜单。

功能特性

• ✅ 自动识别段落，鼠标悬停高亮
• ✅ 手动划词高亮
• ✅ 可限制划词区域
• ✅ 智能菜单定位（根据边界自动选择上下位置）
• ✅ 自定义菜单项
• ✅ 事件回调支持