Нужно написать плагин для JQuery, который позволяет добавлять комментарии к тексту. Функционал похож на таковой в Google docs, только без многих фич:
1.
Жмем правой кнопкой мыши на выделенную область текста или же жмем – появляется
2.
3. состояние после ввода:
4. состояние при редактировании:
5. Resolve и Reply делать не надо
6. состояние при нажатие на текст:
не нужно делать, чтобы происходило смещение текста, как в гугле, нужно аналогичное выделение цветом куска текста и соответствующего комментария. Комментарии должны располагаться в районе откомментированного текста.
7. Должен формироваться массив со значениями:
-начальная позиция знака выделенного текста
-количество знаков в выделенном тексте
-время добавления комментария
-текст комментария
На входе у нас есть текст. На странице с добавлением комментариев текст не редактируется.
В коде должно примерно выглядеть так.
html ----
<div id="commentbox">текст текст текст итд..</div>
js---
$('#commentbox').commentbox([options]);
[options] – необязательные настройки.
должно быть как минимум 2.
readonly – запрещает изменение комментариев. они только показываются.
comments – список комментариев
например
$('#commentbox').commentbox(
{
readonly: true,
comments : [
{offset: 1, length: 10, message: "Message 1"},
{offset: 12, length: 5, message: "Message 2"},
]
}
);
Это только пример. Не обязательно делать именно так.