JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>
<div id="area"></div>
CSS
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700|Roboto+Slab);body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font-family:Georgia,serif;font-size:16px;line-height:1.5;font-weight:300;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;padding:50px}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}h1,h2,h3,h4,h5,h6{font-family:'Roboto Slab', serif}.grey{color:#828282}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eee;font-family:monospace}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(1024px - (30px * 2));max-width:calc(1024px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 1000px){.wrapper{max-width:-webkit-calc(1024px - (30px));max-width:calc(1024px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}.site-nav{font-family:'Quicksand', Helvetica, Arial, sans-serif}blockquote{font-family:'Quicksand', Helvetica, Arial, sans-serif}.site-header{min-height:56px;position:relative}.site-title{float:left}.site-title h1{font-size:54px;line-height:56px;letter-spacing:-1px;margin-bottom:0}.site-title...
JavaScript
var book = ePub("https://s3.amazonaws.com/moby-dick/");
var rendition = book.renderTo("area", {
width: 400,
height: 640
});
rendition.display();
rendition.on("rendered", (e,i) => {;
i.document.documentElement.addEventListener('contextmenu', (cfiRange, contents) => {
console.log('hey');
})
});