代码拉取完成,页面将自动刷新
skyeyeAnnotate是一款基于jQuery封装的HTML文章批注插件,帮助开发者轻松实现类似word的文本批注。我们需要在一个或多个网页中添加批注信息的时候这个插件可以简化我们许多工作。使用者可以随意选择文本进行批注以及批注回复,支持批注历史查看等功能。支持客户合同批注、试卷批阅等多种场景。
基于jQuery封装的HTML批注插件。
http://www.jq22.com/demo/editorAnnotate202008032310/
导入前端开发工具,运行index.html即可。
企业部署版 | 作者微信 | QQ群 | Java学习 知识星球 |
---|---|---|---|
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();
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型