editorAnnotate
介紹
skyeyeAnnotate是一款基於jQuery封裝的HTML文章批註插件，幫助開發者輕鬆實現類似word的文本批註。我們需要在一個或多個網頁中添加批註信息的時候這個插件可以簡化我們許多工作。使用者可以隨意選擇文本進行批註以及批註回覆，只是批註歷史查看等功能。支持客戶合同批註、試卷批閱等多種場景。
https://gitee.com/doc_wei01/editorAnnotate ,項目地址，隨時關注，隨時更新
軟件架構
基於jQuery封裝的HTML批註插件。
安裝教程
導入前端開發工具，運行index.html即可。
交流
- 該插件目前處於初始階段，不斷更新和維護
- 如果問題請進去反饋或者題issues
- 項目交流羣：(羣一：696070023)(羣二：836039567)(羣三：887391486)；有問題請提Issues，優先回答Issues問題
- 需要進微信羣的，進微信羣需要支付五元費用(加我拉你進羣，wzq_598748873)，爲了防止發廣告的等，望諒解。
- 不想支付的進QQ羣，別尼瑪加了我微信說這說那的
- 請不要重複加羣，一個羣就可以了，把機會留給更多人
文檔參數
| 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();
效果圖
捐助
如果您覺得我們的開源軟件對你有所幫助，請掃下方二維碼打賞我們一杯咖啡。
| 支付寶 | 微信 |
|---|---|
 |
 |