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