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

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

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

2b70d421385e43c488aba23beca13dea.png

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

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

При этом необходимо принимать во внимание что документ может меняться - могут смещаться как позиции выделенных символов, так и меняться сам выделенный текст.
  • Вопрос задан
  • 344 просмотра
Решения вопроса 2
@axeax
берите комментарий в какой нибудь псевдо-шаблон, типа {{тут комментарий#id_комментария}}, и в нужном месте парсите и заменяйте
Ответ написан
Комментировать
@rinatoptimus
Посмотрите тут.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
DarkRaven
@DarkRaven
разработка программного обеспечения
Слово обкладываете спаном (если выделена текстовая нода), к примеру, у которого есть класс ".with-comment" и data-id с идентификатором коммента. По наведению отображаете комментарий.

Вообще, вы привязываетесь к тому элементу, который выделили - буть то слово, параграф или еще что. Потом, к выделению вешаете класс и ссылку на ID коммента. Как вариант.
Ответ написан
Комментировать
SilenceOfWinter
@SilenceOfWinter Куратор тега PHP
та еще зажигалка...
т.к. текст\база терминов постоянно меняются, то в большинстве случаем проще всего делать замену непосредственно перед выводом - заменяем нужные слова на блоки аля
<span class="library" data-word="слово сочетание в именительном падеже">слово сочетание</span>
, а дальше уже через ajax подгружаем нужную подсказку при наведении.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы