Skip to content

Instantly share code, notes, and snippets.

View fchasen's full-sized avatar

Fred Chasen fchasen

134 followers · 3 following
View GitHub Profile
@fchasen
fchasen / flow.js
Last active January 9, 2018 04:29
Flow brainstorming
let flow = new Flow("#someid");
let page = flow.pages(":first");
page.toRange();
let words = flow.pages().sentences(":last").words(-3);
words.wrap("<span class='no-break'>");
words.breakBefore();
words.breakAfter();
@fchasen
fchasen / marker.js
Created August 20, 2016 17:25
book.on('renderer:locationChanged', function(locationCfi){
var epubcfi = new EPUBJS.EpubCFI();
var doc = book.renderer.doc;
var mark = document.createElement("a");
// Give the marker an unique id
mark.id = "look-for-me-1234";
// Add the marker
epubcfi.addMarker(locationCfi, doc, marker);
@fchasen
fchasen / current_text.js
Last active May 20, 2017 22:46
Get the current shown text
Book.on("renderer:visibleRangeChanged", function(cfirange) {
var text = '';
var cfi = new EPUBJS.EpubCFI();
var startRange = cfi.generateRangeFromCfi(cfirange.start, Book.renderer.render.document);
var endRange = cfi.generateRangeFromCfi(cfirange.end, Book.renderer.render.document);
// Create a new range to handle full cfi range (this should be fixed in v0.3)
var fullRange = document.createRange();
if (startRange) {
fullRange.setStart(startRange.startContainer, startRange.startOffset);
@fchasen
fchasen / hashchange.js
Created September 1, 2015 03:26
Hash Change
// From: https://github.com/futurepress/epub.js/blob/master/reader_src/controllers/controls_controller.js
var hashChanged = function(){
var hash = window.location.hash.slice(1);
book.goto(hash);
};
book.on('renderer:locationChanged', function(cfi){
var cfiFragment = "#" + cfi;
@fchasen
fchasen / cfitext.js
Created July 1, 2015 13:12
Find CFI text
var epubcfi = new EPUBJS.EpubCFI();
var text;
// Find the range
var range = epubcfi.generateRangeFromCfi("epubcfi(/6/14[xchapter_001]!4/2/14/2[c001p0006]/1:305)", Book.renderer.doc);
text = range.toString();
// Or find the containing element and then get the offset
var parent = epubcfi.findParent("epubcfi(/6/14[xchapter_001]!4/2/14/2[c001p0006]/1:305)", Book.renderer.doc);
text = parent.textContent
@fchasen
fchasen / xmlcom.apple.ibooks.display-options.xml
Created April 8, 2015 18:15
com.apple.ibooks.display-options.xml
<display_options>
<platform name="*"> <!-- all devices -->
<option name="fixed-layout">true</option> <!-- fixes the layout -->
<option name="specified-fonts">true</option> <!-- set to "true" when embedding fonts -->
<option name="open-to-spread">true</option> <!-- single page or full spread on open -->
<!--<option name="orientation-lock">landscape-only</option> "landscape-only" or "portrait-only" or leave this line commented -->
<option name="interactive">true</option> <!-- set to "true" when using javascript or canvas -->
</platform>
</display_options>
@fchasen
fchasen / overrideStyles.js
Created March 30, 2015 20:44
EPUBJS.Hooks.register("beforeChapterDisplay").overrideStyles = function(callback, renderer){
EPUBJS.core.addCss("overrides.css", false, renderer.render.document.head);
callback();
}
@fchasen
fchasen / xhtml wrapper
Created March 11, 2015 03:04
xhtml wrapper
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>YOUR TITLE</title>
</head>
<body>
YOUR CONTENT
</body>
</html>
@fchasen
fchasen / request_basicauth.js
Created January 8, 2014 18:31
Loading this script after after epub.js and it should overwrite the EPUBJS.core.request method. Change the login credentials in the file to your servers. USERNAME = 'abc' PASSWORD = 'xyz'
USERNAME = 'abc'
PASSWORD = 'xyz'
EPUBJS.core.request = function(url, type) {
var supportsURL = window.URL;
var BLOB_RESPONSE = supportsURL ? "blob" : "arraybuffer";
var deferred = new RSVP.defer();
var xhr = new XMLHttpRequest();
@fchasen
fchasen / request
Created August 9, 2013 23:25
request
function request(url, response, failure) {
var request = new XMLHttpRequest();
var failed = failure || function(){};
request.open("GET", url, true);
request.onreadystatechange = function(e) {
if(request.readyState == 4) {
if(request.status == 200) {