editorAnnotate

介绍

skyeyeAnnotate是一款基于jQuery封装的HMTL文章批注插件，帮助开发者轻松实现类似word的文本批注。我们需要在一个或多个网页中添加批注信息的时候这个插件可以简化我们许多工作。使用者可以随意选择文本进行批注以及批注回复，只是批注历史查看等功能。支持客户合同批注、试卷批阅等多种场景。

软件架构

基于jQuery封装的HTML批注插件。

安装教程

导入前端开发工具，运行index.html即可。

交流

• 该插件目前处于初始阶段，不断更新和维护
• 项目交流群：(群一：696070023)(群二：836039567)(群三：887391486)；有问题请提Issues，优先回答Issues问题
• 需要进微信群的，进微信群需要支付五元费用，为了防止发广告的等，望谅解。请加我微信：wzq_598748873
• 请不要重复加群，一个群就可以了，把机会留给更多人

文档参数

key参数含义id默认：null初始化对象width默认：240批注盒子默认宽度userName默认：skyeye添加批注的用户的名称userImage默认：skyeye-editor/images/no-userphoto.png添加批注的用户的logodata默认：[]默认回显的数据selectedElem默认：null当前选中的文本对象，只供插件运行时使用addIconSrc默认：skyeye-editor/images/add-icon.png新增批注时展示的图标whetherLoadData默认：false是否已经加载数据，根据数据的数量进行判断，只供插件运行时使用resetContentBox默认：true是否重置内容对象宽度annotateId默认：null批注盒子的id

插件方法

方法入参介绍含义$(dom).skyeyeAnnotate()入参见上面文档参数插件初始化方法$(dom).getAnnotateData()-获取当前内容对象所有的批注数据

使用方法

// 初始化
var annotate = $("#container").skyeyeAnnotate({});
// 获取数据
var data = annotate.getAnnotateData();

效果图