2016-04-17 15:48:03 +00:00
<!DOCTYPE html>
< html dir = "ltr" >
< head >
< meta http-equiv = "content-type" content = "text/html;charset=UTF-8" / >
< title > App/Xtn/Mediawiki/Math/MathJax - XOWA< / title >
< link rel = "shortcut icon" href = "https://gnosygnu.github.io/xowa/xowa_logo.png" / >
< link rel = "stylesheet" href = "https://gnosygnu.github.io/xowa/xowa_common.css" type = "text/css" >
< / head >
< body class = "mediawiki ltr sitedir-ltr ns-0 ns-subject skin-vector action-submit vector-animateLayout" spellcheck = "false" >
< div id = "mw-page-base" class = "noprint" > < / div >
< div id = "mw-head-base" class = "noprint" > < / div >
< div id = "content" class = "mw-body" >
< h1 id = "firstHeading" class = "firstHeading" > < span > App/Xtn/Mediawiki/Math/MathJax< / span > < / h1 >
< div id = "bodyContent" class = "mw-body-content" >
< div id = "siteSub" > From XOWA: the free, open-source, offline wiki application< / div >
< div id = "contentSub" > < / div >
< div id = "mw-content-text" lang = "en" dir = "ltr" class = "mw-content-ltr" >
< h2 >
< span class = "mw-headline" id = "Credits" > Credits< / span >
< / h2 >
< p >
Considerable thanks goes to Schnark for proposing and implementing the < a href = "http://www.mathjax.org/" rel = "nofollow" class = "external text" > MathJax< / a > integration.
< / p >
< h2 >
< span class = "mw-headline" id = "Setup_notes" > Setup notes< / span >
< / h2 >
< p >
The following is a list of setup notes for MathJax:
< / p >
< ul >
< li >
Get latest of Math Extension: < a href = "http://www.mediawiki.org/wiki/Extension:Math" rel = "nofollow" class = "external free" > http://www.mediawiki.org/wiki/Extension:Math< / a > or < a href = "https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/extensions/Math.git;a=snapshot;h=refs/heads/master;sf=tgz" rel = "nofollow" class = "external free" > https://gerrit.wikimedia.org/r/gitweb?p=mediawiki/extensions/Math.git;a=snapshot;h=refs/heads/master;sf=tgz< / a >
< / li >
< li >
Unzip to < b > /xowa/bin/any/javascript/xowa/mathjax_temp/< / b > . When you are done you should have < b > /xowa/bin/any/javascript/xowa/mathjax_temp/Math.php< / b > and many other files
< / li >
< li >
Move < b > /xowa/bin/any/javascript/xowa/mathjax_temp/modules/Mathjax< / b > to < b > /xowa/bin/any/javascript/xowa/mathjax/< / b > . When you are done you will have a file called < b > /xowa/bin/any/javascript/xowa/mathjax/Mathjax.js< / b > as well as many others. (We basically want to ignore everything except for the inner modules/Mathjax directory)
< / li >
< li >
Edit the following file: < b > /xowa/bin/any/javascript/xowa/mathjax/extensions/wiki2jax.js< / b >
< / li >
< / ul >
< p >
replace this:
< / p >
< pre >
$('span.tex, img.tex', element || document).each(function(i, span) {
that.ConvertMath(span);
});
< / pre >
< p >
with this:
< / p >
< pre >
var math = document.querySelectorAll('[id^="xowa_math_txt"]');
for (var i = 0; i < math.length; i++) {
that.ConvertMath(math[i]);
}
< / pre >
< ul >
< li >
In the same file:
< / li >
< / ul >
< p >
replace this:
< / p >
< pre >
tex = $(node).text().replace(/^\$/,"").replace(/\$$/,"");
< / pre >
< p >
with this:
< / p >
< pre >
tex = node.textContent.replace(/^\$/,"").replace(/\$$/,""); //patched for XOWA
< / pre >
< ul >
< li >
Create a text file at < b > /xowa/bin/any/javascript/xowa/mathjax/xowa_mathjax.js< / b > and add the following
< / li >
< / ul >
< pre >
document.addEventListener( "DOMContentLoaded", function(){
var math = document.querySelectorAll('[id^="xowa_math_txt"]');
if (math.length) {
window.mathJax_Config = function () {
MathJax.Hub.Config({
root: window.xowa_root_dir + 'bin/any/javascript/xowa/mathjax',
config: ["TeX-AMS-texvc_HTML.js"],
"v1.0-compatible": false,
styles: { ".mtext": { "font-family": "sans-serif ! important", "font-size": "80%" } },
displayAlign: "left",
menuSettings: { zoom: "Click" },
"HTML-CSS": { imageFont: null, availableFonts: ["TeX"] }
});
MathJax.OutputJax.fontDir = window.xowa_root_dir + 'bin/any/javascript/xowa/mathjax/fonts';
}
var config = 'mathJax_Config();',
script1 = document.createElement( 'script' ),
script2 = document.createElement( 'script' );
script1.setAttribute( 'type', 'text/x-mathjax-config' );
script1.text = config;
document.getElementsByTagName('head')[0].appendChild( script1 );
script2.setAttribute( 'src', window.xowa_root_dir + 'bin/any/javascript/xowa/math/mathjax/MathJax.js?config=default' );
document.getElementsByTagName('head')[0].appendChild( script2 );
}
}, false );
< / pre >
< ul >
< li >
Change "menuSettings:" in < b > /xowa/bin/javascript/xowa/math/mathjax/config/default.js< / b >
< ul >
< li >
add 'renderer: "SVG"'
< / li >
< li >
change 'texHints: false'
< / li >
< / ul >
< / li >
< / ul >
< p >
Example
< / p >
< pre >
menuSettings: {
renderer: "SVG", // XOWA: manually specify SVG b/c HTML/CSS fails with "Can't Load Web Font TeX/Math/Italic"
texHints: false // XOWA: include class names for TeXAtom elements; changed from true to false, b/c it sometimes crashes XOWA
},
< / pre >
< dl >
< dd >
Note that xowa_mathjax.js will use the config since it calls '/MathJax.js?config=default'
< / dd >
< / dl >
< ul >
< li >
Change "blacker" from 10 to 1 b/c 1 looks closer to the HTML/CSS renderer and 10 looks too "blocky"
< / li >
< / ul >
< pre >
blacker: 1, // XOWA: changed from 10 to 1 b/c 1 looks closer to the HTML/CSS renderer and 10 looks too "blocky"
< / pre >
< ul >
< li >
Embed this in the xowa.gfs file (XOWA does this through ~{math_mathjax_script})
< / li >
< / ul >
< pre >
< script src="file:///xowa/bin/any/javascript/xowa/mathjax/xowa_mathjax.js"> < /script>
< / pre >
< / div >
< / div >
< / div >
< div id = "mw-head" class = "noprint" >
< div id = "left-navigation" >
< div id = "p-namespaces" class = "vectorTabs" >
< h3 > Namespaces< / h3 >
< ul >
< li id = "ca-nstab-main" class = "selected" > < span > < a id = "ca-nstab-main-href" href = "index.html" > Page< / a > < / span > < / li >
< / ul >
< / div >
< / div >
< / div >
< div id = 'mw-panel' class = 'noprint' >
< div id = 'p-logo' >
< a style = "background-image: url(https://gnosygnu.github.io/xowa/xowa_logo.png);" href = "http://xowa.org/" title = "Visit the main page" > < / a >
< / div >
< div class = "portal" id = 'xowa-portal-home' >
< h3 > XOWA< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://xowa.org/index.html" title = 'Visit the main page' > Main page< / a > < / li >
< li > < a href = "http://xowa.org/screenshots.html" title = 'See screenshots of XOWA' > Screenshots< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/Help/Download_XOWA.html" title = 'Download the XOWA application' > Download XOWA< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/Dashboard/Image_databases.html" title = 'Download offline wikis and image databases' > Download wikis< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-started' >
< h3 > Getting started< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://xowa.org/home/wiki/App/Setup/System_requirements.html" title = 'Get XOWA's system requirements' > Requirements< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/App/Setup/Installation.html" title = 'Get instructions for installing XOWA' > Installation< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/App/Import/Simple_Wikipedia.html" title = 'Learn how to set up Simple Wikipedia' > Simple Wikipedia< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/App/Import/English_Wikipedia.html" title = 'Learn how to set up English Wikipedia' > English Wikipedia< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/App/Import/Other_wikis.html" title = 'Learn how to set up other Wikipedias' > Other Wikipedias< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-android' >
< h3 > Android< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://xowa.org/home/wiki/Android/Setup.html" title = 'Setup XOWA on your Android device' > Setup< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-help' >
< h3 > Help< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://xowa.org/home/wiki/Help/About.html" title = 'Get more information about XOWA' > About< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/Help/Contents.html" title = 'View a list of help topics' > Contents< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/Help/Media.html" title = 'Read what others have written about XOWA' > Media< / a > < / li >
< li > < a href = "http://xowa.org/home/wiki/Help/Feedback.html" title = 'Questions? Comments? Leave feedback for XOWA' > Feedback< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-blog' >
< h3 > Blog< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://xowa.org/home/wiki/Blog.html" title = 'Follow XOWA' ' s development process ' > Current< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-links' >
< h3 > Links< / h3 >
< div class = "body" >
< ul >
< li > < a href = "http://dumps.wikimedia.org/backup-index.html" title = "Get wiki datababase dumps directly from Wikimedia" > Wikimedia dumps< / a > < / li >
< li > < a href = "https://archive.org/search.php?query=xowa" title = "Search archive.org for XOWA files" > XOWA @ archive.org< / a > < / li >
< li > < a href = "http://en.wikipedia.org" title = "Visit Wikipedia (and compare to XOWA!)" > English Wikipedia< / a > < / li >
< / ul >
< / div >
< / div >
< div class = "portal" id = 'xowa-portal-donate' >
< h3 > Donate< / h3 >
< div class = "body" >
< ul >
< li > < a href = "https://archive.org/donate/index.php" title = "Support archive.org!" > archive.org< / a > < / li > <!-- listed first due to recent fire damages: http://blog.archive.org/2013/11/06/scanning - center - fire - please - help - rebuild/ -->
< li > < a href = "https://donate.wikimedia.org/wiki/Special:FundraiserRedirector" title = "Support Wikipedia!" > Wikipedia< / a > < / li >
<!-- <li><a href="" title="Support XOWA! (but only after you've supported archive.org and Wikipedia)">XOWA</a></li> -->
< / ul >
< / div >
< / div >
2016-04-17 18:00:49 +00:00
< div class = "portal" id = 'xowa-portal-image' >
< br / >
< a href = "https://play.google.com/store/apps/details?id=org.xowa" class = "image" >
< img width = '140px' src = "https://gnosygnu.github.io/xowa/en-play-badge.png" / >
< / a >
< / div >
2016-04-17 15:48:03 +00:00
< / div >
< / body >
< / html >
