/pdf_highlighter

pdf_highlighter

Primary LanguageJavaScript

Компонент для создания заметок в PDF файле

Чтобы запустить локально нужно выполнить команды:

npm install
npm start

Порт по умолчанию 3000.

После запуска в браузере откроется страница https://localhost:3000/. В качестве параметра НЕОБХОДИМО передавать url на файл для открытия Например, https://localhost:3000/?url=https://192.168.0.103:8080/example/file.pdf

Принцип работы:

  1. если PDF имеет размеченный текст для выделения, то текст выделяется обычным выделением мыши
  2. если текст не содержит размеченных областей, то можно выделять область экрана, зажимая клавишу ALT на клавиатуре
  3. после выделения областей или текста, над этой областью появляется всплывающее сообщение "Добавить комментарий", по нажатию на которое появляется модальное окно с полем ввода комментария. После нажатия на "Сохранить" комментарий добавляется в панель справа и в LocalStorage как Json метаинформация
  4. при нажатии на комментарии на панели вы будете перемещаться к месту этого комментария и сможете видеть выделение.
  5. для локального поворота страницы необходимо нажать поставить галочку Повернуть и кликнуть на странице. Для возврата, необходимо убрать галочку и кликнуть еще раз Для тестирования можно установить и запустить локальный сервер:
  6. npm install http-server
  7. http-server --ssl -C cert.pem -o --cors -a localhost