前端技术文档及相关资料下载
关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载！
JQuery文章批注插件skyeyeAnnotate.js
简介
skyeyeAnnotate是一款基于jQuery封装的HTML文章批注插件，帮助开发者轻松实现类似word的文本批注。我们需要在一个或多个网页中添加批注信息的时候这个插件可以简化我们许多工作。使用者可以随意选择文本进行批注以及批注回复，支持批注历史查看等功能。支持客户合同批注、试卷批阅等多种场景。
参数说明：
| key | 参数 | 含义 |
|---|---|---|
| id | 默认：null | 初始化对象 |
| width | 默认：240 | 批注盒子默认宽度 |
| userName | 默认：skyeye | 添加批注的用户的名称 |
| userImage | 默认：skyeye-editor/images/no-userphoto.png | 添加批注的用户的logo |
| data | 默认：[] | 默认回显的数据 |
| selectedElem | 默认：null | 当前选中的文本对象，只供插件运行时使用 |
| addIconSrc | 默认：skyeye-editor/images/add-icon.png | 新增批注时展示的图标 |
| whetherLoadData | 默认：false | 是否已经加载数据，根据数据的数量进行判断，只供插件运行时使用 |
| resetContentBox | 默认：true | 是否重置内容对象宽度 |
| annotateId | 默认：null | 批注盒子的id |
| addAnnotate | 默认：true | 是否可以添加新的批注 |
| edit | 默认：true | 是否可以编辑 |
插件方法：
| 方法 | 入参介绍 | 含义 |
|---|---|---|
| $(dom).skyeyeAnnotate() | 入参见上面文档参数 | 插件初始化方法 |
| $(dom).getAnnotateData() | - | 获取当前内容对象所有的批注数据 |
简单使用
// 初始化
var annotate = $("#container").skyeyeAnnotate({});
// 获取数据
var data = annotate.getAnnotateData();相关链接
Gitee 地址 ：https://gitee.com/doc_wei01/editorAnnotate/tree/master
在线演示 ：https://www.jq22.com/demo/editorAnnotate202008032310/