react-book-reader

ReactBookReader

📖Documentation

Introduction

react-book-reader is a react wrapper for foliate-js - library for rendering e-books in the browser. Supports EPUB, MOBI, KF8 (AZW3), FB2, CBZ, PDF (experimental; requires PDF.js), or add support for other formats yourself by implementing the book interface

Basic usage

npm install react-book-reader --save

And in your react-component...

import { ReactReader } from 'react-book-reader'

export default () => (
  <div style={{ height: '100vh' }}>
    {/* Supports EPUB, MOBI, KF8 (AZW3), FB2, CBZ, PDF */}
    <ReactReader url="/files/啼笑因缘.epub" />
  </div>
);

ReactReader Attributes

Name	Description	Type	Default
url	book url or File	string/File	—
location	set / update location of the book	string/number	—
title	the title of the book	string/ReactElement	—
showToc	whether to show the toc	boolean	true

ReactReader props passed to inner BookView

Name	Description	Type	Default
url	book url or File	string/File
tocChanged	when the reader has parsed the book you will receive an array of the chapters	function(toc)
nextPage	display next page	function
prevPage	display previous page	function
setLocation	Set the page	function(href)
LoadingView	if you want to customize the LoadingView	element
ErrorView	if you want to customize the ErrorView	element