建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery文章批注插件skyeyeAnnotate.js

来源:易助科技网浏览量:16收藏

简介


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/