touchNote

var notesdata = [
    {'nid':'1', 'keyid':"tn-1628153524469",'keycode':{"startMeta":{"parentTagName":"DIV","parentIndex":-2,"textOffset":41},"endMeta":{"parentTagName":"DIV","parentIndex":-2,"textOffset":56},"text":"指的是句子中所有词可能构成的图","id":"tn-1628153524469"}, 'remarks':'图片', 'userid':2, 'username':'兔先生', 'createtime':'2021-07-05 09:12:17.0'},
    {'nid':'2', 'keyid':"h1625464240253",'keycode':{"startMeta":{"parentTagName":"DIV","parentIndex":-2,"textOffset":64},"endMeta":{"parentTagName":"DIV","parentIndex":-2,"textOffset":68},"text":"下一个词","id":"tn-1628153598413"}, 'remarks':'下一个词<span>带标签', 'userid':3, 'username':'超超', 'createtime':'2021-07-05 13:51:01.0'}];

// 初始化
var annotate = $("#container").touchNote({});
// 获取选区
var data = annotate.getSelection();
// selection对象结果如下，可以获取range对象（注意非js原始的range对象）、选中文本、选中节点等
{
	selection ：js的selection选区对象,
	range = {
			startContainer: 开始节点, 
			startOffset: 开始节点偏移量,
			endContainer: 结束节点, 
			endOffset:结束节点偏移量,
			domRect : 位置信息
	},		
	selectedNodes ：选中的节点,
	text ：选中的文本
}

// 获取选中文本也可以直接使用工具类
touchNote.getSelectionText();
// 移除指定id的高亮，如果对应id的高亮不存在，则返回false,rootEle为调用的jquery对象，callback为回调方法
touchNote.removeHighlight(rootEle, id, callback);
// 移除所有的高亮,rootEle为调用的jquery对象，callback为回调方法
touchNote.removeAllHighlight(rootEle, callback);

$("#container").touchNote({
    	// 提交成功返回true，失败返回false
        submitData:function(remarks, keytype, params, ele, dialogEle, options){
            // 此处可以使用ajax自己实现
            console.log("数据提交后执行，如保存数据库等, 正式环境下建议覆盖", remarks, keytype, params);
            return true;
    	}
});