基于jQuery封装的文章批注插件(原创)

所属分类:输入,其他-自动完成,杂项

 12692  143  查看评论 (0)
分享到微信朋友圈
X
基于jQuery封装的文章批注插件(原创) ie兼容12

更新时间:2020-12-14 08:54:01

更新说明:解决复杂标签批注问题新增批注内容点击定位批注Box新增addAnnotate,edit属性,适用于权限设置


更新时间:2020-08-03 23:12:31

editorAnnotate

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

软件架构

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

安装教程

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

文档参数

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

插件方法

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

使用方法

// 初始化
var annotate = $("#container").skyeyeAnnotate({});
// 获取数据
var data = annotate.getAnnotateData();
相关插件-自动完成,杂项

jQuery IP地址输入插件

jQuery IP地址输入插件兼容ie6,代码注释全
  自动完成
 15902  217

原生js简易计算器(原创)

模仿手机里面自带的计算器进行开发的计算器,代码注释全。
  自动完成
 6471  70

输入框自动提示,字母小写转大写

输入框输入车牌号,根据首字母自动提示车牌所属省份信息,并能自动字母小写转大写,限制输入长度
  自动完成
 29129  315

input改变vlue内容实时放大回显

一般为输入金额时使用,带三位数逗号分隔功能,简洁易用
  自动完成
 22348  323

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复