Implementation of DocumentFormatter

[amoshydra]

🚧 WIP

Relevant technology:

• pdf.js
• revealjs
• vuejs

Tools

• phantomjs
• cheerios

User Interface Design

• https://github.com/nus-mtp/lecture-note-2.0/wiki/4.3-UI-Design#11-slides-view
• https://github.com/nus-mtp/lecture-note-2.0/wiki/4.3-UI-Design#10-document-view

Relevant

• https://gist.github.com/soxofaan/6785082
• https://github.com/astefanutti/decktape
• https://github.com/hakimel/reveal.js/blob/master/plugin/print-pdf/print-pdf.js

[amoshydra]

Related conversation

#194 (comment)
I am experimenting with different methods of producing paginated html pages for our "Pages" view.

Using jspdf is one of the method.

jsPdf currently offer a .fromHTML method that take in HTML string and convert it to PDF format.
Then I intend to display this pdf directly to the Viewer component directly using another another library called PDFjs.

This conversion should happen automatically when there is an update to the Editor component.

Drawback

However, this conversion is very resource intensive (from jsPDF to PDFjs). Each conversion could take up to 1 second.
the fromHTML api offered by jsPDF is still an experimental function and it does not support css yet.

Other method

Other method will include writing our own pagination library, which I am still researching.

[amoshydra]

Done #199

PageRenderer DocumentFormatter is developed by simply manipulating HTML DOM Document Objects