Adds MathJax init code

atomicjolt · Oct 6, 2016 · f4079ac · f4079ac
1 parent 26930a6
commit f4079ac
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 75 deletions.
diff --git a/bin/nginx.sh b/bin/nginx.sh
diff --git a/client/html/layouts/application.html b/client/html/layouts/application.html
@@ -23,7 +23,19 @@
       };
       window.DEFAULT_JWT = null;
     </script>
-    <script src="MathJax/MathJax.js?config=default"></script>
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Config({
+        extensions: ["tex2jax.js"],
+        jax: ["input/TeX", "output/HTML-CSS"],
+        tex2jax: {
+          inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+          displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+          processEscapes: true
+        },
+        "HTML-CSS": { availableFonts: ["TeX"] }
+      });
+    </script>
+    <script src="MathJax/MathJax.js?config=TeX-MML-AM_HTMLorMML.js"></script>
     <link rel="stylesheet" href="styles.css" />
   </head>
   <body>

diff --git a/client/js/components/assessments/item.jsx b/client/js/components/assessments/item.jsx
@@ -43,6 +43,9 @@ export default class Item extends React.Component{
   };
 
   componentDidMount(){
+
+    MathJax.Hub.Queue(new Array('Typeset', MathJax.Hub));
+
     if(!_.isFunction(videojs)){return;}
     // Look for videos that should be using videojs.
     var videoJSElements = document.querySelectorAll('video.video-js');

diff --git a/client/js/utils/mathjax_init.js b/client/js/utils/mathjax_init.js