23 Star 103 Fork 25

Skyeye云系列 / editorAnnotate

加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

editorAnnotate

介绍

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

软件架构

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

演示地址

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

安装教程

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

交流

  • 企业版信息
  • 开源版项目文档
  • 企业版所有功能部署包以及设计思路获取方式:扫码进入知识星球
  • 作者本人承诺,知识星球人数达到1000人,即开放所有功能模块源代码(仅供星球内部成员使用)
作者微信(备注:姓名-联系方式,其余概不通过。) 知识星球(可获取企业版所有功能) 软件咨询

文档参数

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

效果图

输入图片说明

简介

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

发行版

暂无发行版

editorAnnotate

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/doc_wei01/editorAnnotate.git
git@gitee.com:doc_wei01/editorAnnotate.git
doc_wei01
editorAnnotate
editorAnnotate
master

搜索帮助