Inject MathJax into iframe used by fixed pagination. Use a second configuration file since for some reason the xlinks use by MathJax to access the character templates don't seem to work in the iframe (for reasons I can't figure out), so we need to use the paths directly. This is accomplished by a small patch to MathJax.

Author: dpvc

lib/mathjax/config/readium-iframe.js

@@ -0,0 +1,59 @@
+/*************************************************************
+ *
+ *  MathJax/config/readium.js
+ *  
+ *  Configuration file for Readium project
+ *  
+ *  ---------------------------------------------------------------------
+ *  
+ *  Copyright (c) 2012 Design Science, Inc.
+ * 
+ *  Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ *  You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ *  Unless required by applicable law or agreed to in writing, software
+ *  distributed under the License is distributed on an "AS IS" BASIS,
+ *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *  See the License for the specific language governing permissions and
+ *  limitations under the License.
+ */
+
+MathJax.Hub.Config({
+  jax: ["input/TeX","input/MathML","output/SVG"],
+  extensions: ["tex2jax.js","mml2jax.js","MathEvents.js"],
+  TeX: {
+    extensions: ["noErrors.js","noUndefined.js","autoload-all.js"]
+  },
+  SVG: {
+    linebreaks: { automatic: true }
+  },
+  MathMenu: {
+    showRenderer: false
+  },
+  menuSettings: {
+    zoom: "Click"
+  },
+  messageStyle: "none"
+});
+
+MathJax.Hub.Register.StartupHook("SVG Jax Ready",function () {
+  var SVG = MathJax.OutputJax.SVG, GLYPH = SVG.BBOX.GLYPH;
+  GLYPH.Augment({
+    Init: function (scale,id,h,d,w,l,r,p) {
+      var t = SVG.config.blacker,
+          def = {"stroke-width":t};
+      if (p !== "") {def.d = "M"+p+"Z"}
+      if (scale !== 1) {def.transform = "scale("+scale+")"}
+      this.SUPER(arguments).Init.call(this,def);
+      this.h = (h+t) * scale; this.d = (d+t) * scale; this.w = (w+t/2) *scale;
+      this.l = (l+t/2) * scale; this.r = (r+t/2) * scale;
+      this.H = Math.max(0,this.h); this.D = Math.max(0,this.d);
+      this.x = this.y = 0; this.scale = scale;
+    }
+  });
+});
+
+MathJax.Ajax.loadComplete("[MathJax]/config/readium-iframe.js");

scripts/views/ebook_view.js

@@ -147,7 +147,14 @@ Readium.Views.PaginationViewBase = Backbone.View.extend({
 		this.renderPages();
 	},
 
-	
+        injectMathJax: function (iframe) {
+          var doc = iframe.contentDocument;
+          var script = doc.createElement("script");
+          script.type = "text/javascript";
+          script.src = MathJax.Hub.config.root+"/MathJax.js?config=readium-iframe";
+          doc.getElementsByTagName("head")[0].appendChild(script);
+        }
+
 });
 
 
@@ -167,6 +174,7 @@ Readium.Views.ScrollingPaginationView = Readium.Views.PaginationViewBase.extend(
 		this.$('.content-sandbox').on("load", function(e) {
 			// not sure why, on("load", this.applyBindings, this) was not working
 			that.applyBindings( $(e.srcElement).contents() );
+                        that.injectMathJax(e.srcElement);
 		});
 		return this;
 	},