授权协议: MIT
开发语言: JavaScript HTML/CSS
操作系统: 跨平台
收录时间: 2020-08-03
提 交 者: 卖红薯一块一斤

skyeyeAnnotate 是一款基于jQuery封装的HMTL文章批注插件,帮助开发者轻松实现类似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();

效果图

输入图片说明

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

editorAnnotate 的相关资讯

还没有任何资讯

editorAnnotate 的相关博客

基于jQuery的文章批注插件 editorAnnotate

editorAnnotate 介绍 skyeyeAnnotate是一款基于jQuery封装的HTML文章批注插件,帮助开发者轻松实现类似word的文本批注。我们需...

editorAnnotate 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
1 收藏
分享
在线直播报名
返回顶部
顶部