• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

editorAnnotate: skyeyeAnnotate是一款基于jQuery封装的HTML文章批注插件,帮助开发者 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

editorAnnotate

开源软件地址:

https://gitee.com/doc_wei01/editorAnnotate

开源软件介绍:

editorAnnotate

介绍

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

软件架构

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

演示地址

http://www.jq22.com/demo/editorAnnotate202008032310/

安装教程

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

交流

  • 该插件目前处于初始阶段,不断更新和维护
  • 如果问题请进去反馈或者题issues
  • 有问题请提Issues,优先回答Issues问题
  • 需要进微信群(加我拉你进群,wzq_598748873),请提供自己的真实姓名以及邮箱,默认订阅每周更新内容推送。

文档参数

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();

效果图

输入图片说明

捐助

如果您觉得我们的开源软件对你有所帮助,请扫下方二维码打赏我们一杯咖啡。

支付宝微信

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap