vue2 - 详细实现内容或文本批注功能，将文字/图片图像/链接/任意div元素加入注释批注当鼠标点击或选中时显示气泡批注框，类似Excel/word设置标注批注功能，支持批注创建与修改记录多人协作！

效果图

在vue2、nuxt2项目开发中，详解 “vue文字批注功能” 给选中的文本加入注解注释，阅读的人鼠标移入或点击就显示批注的内容，适用于图片批注、文字文本批注、url超链接批注、PDF批注、html任意元素内容批注等，支持选中创建自定义批注，也可以对已有的批注内容进行修改和删除功能（列出本页面所有的批注进行展示，并进行操作处理），附带批注记录列表及修改人等，模仿office办公软件的excel电子表格、word文档里的 “插入批注” 功能，提供详细示例源码。

提供详细示例代码，新手小白复制稍微改改就能用了。

示例代码

先来梳理下整体功能。