使用 Vue 和 epub.js 制作電子書閱讀器


ePub 簡介

ePub 是一種電子書的標准格式,平時我看的電子書大部分是這種格式。在手機上我一般用“多看”閱讀 ePub 電子書,在 Windows 上找不到用起來比較順心的軟件,所以很久之前就想折騰一下,自己開發一個 ePub 電子書閱讀器。這兩天趁着有空,做了一個簡單的閱讀器。雖然還有些 bug,但基本功能算是齊全了。自己開發的有很多好處,以后只要稍微修改一下,就可以實現導出 HTML 或者 導出 Markdown 的功能,方便保存讀書筆記,這一點比大多數軟件好用多了。

epub.js 簡介

ePub 作為一種標准格式,自然而然地會有很多開源的實現。基於 Javascript 的庫不多,epub.js 算是做得最好的了。使用起來比較簡單,官方的示例和第三方例子也比較豐富,有興趣的自己去看,這里不多說。

indexedDB

第一次在項目中使用 indexedDB,之前一直用 localStorage 作為存儲方案。之所以用 indexedDB,是因為 localStorage 只有 5M 的存儲空間,只能選擇 indexedDB。

本想用 Promise 封裝 indexedDB 的,奈何能力不夠,沒有成功。感覺 indexedDB 兼容性還是不怎么樣,浪費了半天的時間在調試上面,還是沒成功,結果升級一下瀏覽器就解決了,也是醉了。項目快做好的時候發現了一個封裝庫 localForage,感覺還不錯,可以避免少采坑,在這里推薦一下。

項目介紹

epub-front 是一個 Web 版的 ePub 電子書閱讀器,使用 Vue、epub.js、indexedDB 和 rangy 開發。

你可以點擊這里 使用該閱讀器來閱讀 ePub 電子書。

近期可能會增加一些功能、比如導出 Markdown、編輯 ePub 什么的,看心情。

歡迎 star、PR。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM