lepo-project / lepo

LePo: Learning Management System with Note & Sticky

Home Page:https://lepo.app/en/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Highlight to text in PDF content

kyoshizaki opened this issue · comments

Abstract

  • Display background-color for selected text in learning content.
  • Similar function for web page (not for content in LePo) has already implemented with browser extension .

Sample highlight with browser extension

2017-11-20 14 48 55

  • Fix bug that highlights are not displayed on IE11
  • Save and show a highlight correctly on Firefox
    • Cause: A line feed code is inserted after each character with PDF file.
  • Investigate cases where the Japanese text in the PDF file garbled.
    • Case1: PDF export from PowerPoint > Page edit by Preview on macOS 10.12.6

Highlight is divided for each character in Japanese text

Condition

  • File > Export: PowerPoint for Mac v15.41 on macOS Sierra
  • Upload exported PDF file to LePo as a PageFile
  • Highlight the PDF

Result

  • English font: OK (except highlight is divided at space)
  • Japanese font: NG for MS Gothic andMS Mincho

2017-12-23 16 18 25

Current Status for text

  • Checked PDFjs (v1.7.255)view file generated from slide applications (table below).
  • Though all PDF files below have proper text (with space) both in English and Japanese, some html files with PDFjs process have trouble.
  • Results are same for PDFjs versions v1.9.426 and v1.10.88

2017-12-29 10 17 43
Table: From Slide to PDFjs Check text (blue: good, yellow: bad, red: worst)

Current Status for hyperlink

2018-01-10 13 18 34