var notesdata = [
    {
        'nid': '1',
        'keyid': "tn-1628153524469",
        'keycode': {
            'startMeta': {
                'parentTagName': 'DIV',
                'parentIndex': -2,
                'textOffset': 41
            },
            'endMeta': {
                'parentTagName': 'DIV',
                'parentIndex': -2,
                'textOffset': 56
            }
        },
        '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
            }
        },
        'remarks': 'Следующее слово <span>с тегом',
        'userid': 3,
        'username': 'Супер',
        'createtime': '2021-07-05 13:51:01.0'
    }
];

// Инициализация
var annotate = $("#container").touchNote({});
// Получение выделенной области
var data = annotate.getSelection();
// Результат объекта selection, можно получить объект range (обратите внимание, что это не оригинальный объект range JavaScript), выделенный текст и выбранный узел и т. д.
{
    selection: объект selection JavaScript,
    range = {
        startContainer: начальный узел,
        startOffset: смещение начального узла,
        endContainer: конечный узел,
        endOffset: смещение конечного узла,
        domRect: информация о местоположении
    },
    selectedNodes: выбранные узлы,
    text: выделенный текст
}

// Также можно напрямую использовать класс инструментов для получения выделенного текста
touchNote.getSelectionText();
// Удалить выделение с указанным идентификатором, если выделение с соответствующим идентификатором не существует, вернуть 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;
    }
});