Как реализовать привязку примечаний к тексту?

Question

[eudj1n]

Коллеги, привет.

Есть реализация электронных документов в которую необходимо добавить механизм примечаний, аналогично тому, как это сделано в Google Drive:



Как хранить документ, как хранить примечания - вопросов нет.

Вопрос - как корректно привязать примечание к конкретной позиции в тексте документа для последующего отображения?

При этом необходимо принимать во внимание что документ может меняться - могут смещаться как позиции выделенных символов, так и меняться сам выделенный текст.

Answer 1

[axeax]

берите комментарий в какой нибудь псевдо-шаблон, типа {{тут комментарий#id_комментария}}, и в нужном месте парсите и заменяйте

Answer 2

[rinatoptimus]

Посмотрите тут.

Answer 3

[Александр Кузнецов]

Слово обкладываете спаном (если выделена текстовая нода), к примеру, у которого есть класс ".with-comment" и data-id с идентификатором коммента. По наведению отображаете комментарий.

Вообще, вы привязываетесь к тому элементу, который выделили - буть то слово, параграф или еще что. Потом, к выделению вешаете класс и ссылку на ID коммента. Как вариант.

Answer 4

[Антон Шаманов]

т.к. текст\база терминов постоянно меняются, то в большинстве случаем проще всего делать замену непосредственно перед выводом - заменяем нужные слова на блоки аля

<span class="library" data-word="слово сочетание в именительном падеже">слово сочетание</span>

, а дальше уже через ajax подгружаем нужную подсказку при наведении.