fchasen’s gists

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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) {

Fred Chasen fchasen