前端富文本如何分頁顯示?

前端技術做的排版軟體。

到最後一步做分頁、自動對應腳註、頁碼時遇到了問題。

樹狀的html結構是不能扁平化切割的(且不論如何計量一頁能顯示多少,這還有辦法),請問有什麼便捷的思路嗎?

一個分頁處的p標籤應拆成兩個、放到兩個頁面級div里不是不行,但太麻煩,而且css容易出問題(比如:first-child)。

這個問題有點類似沒有css3的column原生分欄時,如何用原有技術實現。

我在考慮每頁都放入全部的內容,但是分別滾動到不同位置。


如果僅僅是要達到分頁的話,用css的分頁特性,不支持的瀏覽器里可以用分欄來模擬。

但腳註之類的沒有引擎支持是難以實現的。

要完美,最後還都是要自己實現一個排版引擎。(最難的部分就是算layout,至於說排版引擎算好layout之後,是用什麼方式繪製出來,svg還是canvas2d還是div+絕對定位甚至webgl……其實都是小事了。)


可以參考一下多看閱讀器,在頁面中生成svg來排版,每個字都指定了絕對位置,簡直就是個排版引擎


推薦閱讀:

在UGC互聯網產品運營中,如何引導用戶發布內容時形成良好的排版習慣?
使用 InDesign 製作一本 32頁的畫冊,打算使用騎馬釘裝訂,請問製作時是否需要特別排版,例如首頁和最後一頁排在一起?如果需要請問如何排版?
如何看待 W3C 的中文排版需求(草案)的發布?
PDF 文件是怎麼流行起來的?為什麼要使用 PDF 文件?
鉛字時代,數學公式是如何排版的?

TAG:前端開發 | 排版 | 前端UI |