142 lines
8.0 KiB
HTML
142 lines
8.0 KiB
HTML
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<title>Converting to MathJax from jsMath — MathJax v1.1 documentation</title>
|
|
<link rel="stylesheet" href="_static/mj.css" type="text/css" />
|
|
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
|
<script type="text/javascript">
|
|
var DOCUMENTATION_OPTIONS = {
|
|
URL_ROOT: '',
|
|
VERSION: '1.1',
|
|
COLLAPSE_INDEX: false,
|
|
FILE_SUFFIX: '.html',
|
|
HAS_SOURCE: true
|
|
};
|
|
</script>
|
|
<script type="text/javascript" src="_static/jquery.js"></script>
|
|
<script type="text/javascript" src="_static/underscore.js"></script>
|
|
<script type="text/javascript" src="_static/doctools.js"></script>
|
|
<!--<script type="text/javascript" src="../../MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>-->
|
|
<link rel="top" title="MathJax v1.1 documentation" href="index.html" />
|
|
<link rel="next" title="The MathJax Processing Model" href="model.html" />
|
|
<link rel="prev" title="Migrating from MathJax v1.0 to v1.1" href="upgrade.html" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="related">
|
|
<h3>Navigation</h3>
|
|
<ul>
|
|
<li class="right" style="margin-right: 10px">
|
|
<a href="genindex.html" title="General Index"
|
|
accesskey="I">index</a></li>
|
|
<li class="right" >
|
|
<a href="model.html" title="The MathJax Processing Model"
|
|
accesskey="N">next</a> |</li>
|
|
<li class="right" >
|
|
<a href="upgrade.html" title="Migrating from MathJax v1.0 to v1.1"
|
|
accesskey="P">previous</a> |</li>
|
|
<li><a href="index.html">MathJax v1.1 documentation</a> »</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="document">
|
|
<div class="documentwrapper">
|
|
<div class="bodywrapper">
|
|
<div class="body">
|
|
|
|
<div class="section" id="converting-to-mathjax-from-jsmath">
|
|
<span id="jsmath-support"></span><h1>Converting to MathJax from jsMath<a class="headerlink" href="#converting-to-mathjax-from-jsmath" title="Permalink to this headline">¶</a></h1>
|
|
<p>MathJax is the successor to the popular <a class="reference external" href="http://www.math.union.edu/locate/jsMath/">jsMath</a> package for rendering
|
|
mathematics in web pages. Like jsMath, MathJax works by locating and
|
|
processing the mathematics within the webpage once it has been loaded
|
|
in the browser by a user viewing your web pages. If you are using
|
|
jsMath with its <tt class="docutils literal"><span class="pre">tex2math</span></tt> preprocessor, then switching to MathJax
|
|
should be easy, and is simply a matter of configuring MathJax
|
|
appropriately. See the section on <a class="reference internal" href="configuration.html#loading"><em>Loading and Configuring MathJax</em></a> for details.</p>
|
|
<p>On the other hand, if you are using jsMath’s <tt class="docutils literal"><span class="pre"><span</span>
|
|
<span class="pre">class="math">...</span></span></tt> and <tt class="docutils literal"><span class="pre"><div</span> <span class="pre">class="math">...</div></span></tt> tags to
|
|
mark the mathematics in your document, then you should use MathJax’s
|
|
<tt class="docutils literal"><span class="pre">jsMath2jax</span></tt> preprocessor when you switch to MathJax. To do this,
|
|
include <tt class="docutils literal"><span class="pre">"jsMath2jax.js"</span></tt> in the <cite>extensions</cite> array of your
|
|
configuration, with the <cite>jax</cite> array set to include <tt class="docutils literal"><span class="pre">"input/TeX"</span></tt>. For
|
|
example,</p>
|
|
<div class="highlight-html"><div class="highlight"><pre><span class="nt"><script </span><span class="na">type=</span><span class="s">"text/x-mathjax-config"</span><span class="nt">></span>
|
|
<span class="nx">MathJax</span><span class="p">.</span><span class="nx">Hub</span><span class="p">.</span><span class="nx">Config</span><span class="p">({</span>
|
|
<span class="nx">extensions</span><span class="o">:</span> <span class="p">[</span><span class="s2">"jsMath2jax.js"</span><span class="p">]</span>
|
|
<span class="p">});</span>
|
|
<span class="nt"></script></span>
|
|
<span class="nt"><script</span>
|
|
<span class="nt"> </span><span class="na">src=</span><span class="s">"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"</span><span class="nt">></span>
|
|
<span class="nt"></script></span>
|
|
</pre></div>
|
|
</div>
|
|
<p>would load the <tt class="docutils literal"><span class="pre">jsMath2jax</span></tt> preprocessor, along with a configuration
|
|
file that processes TeX input and produces HTML-with-CSS output.</p>
|
|
<p>There are a few configuration options for <tt class="docutils literal"><span class="pre">jsMath2jax</span></tt>, which you
|
|
can find in the <tt class="docutils literal"><span class="pre">config/default.js</span></tt> file, or in the <a class="reference internal" href="options/jsMath2jax.html#configure-jsmath2jax"><em>jsMath
|
|
configuration options</em></a> section.</p>
|
|
<p>If you are generating your jsMath documents programmatically, it would be
|
|
better to convert from generating the jsMath <tt class="docutils literal"><span class="pre"><span></span></tt> and <tt class="docutils literal"><span class="pre"><div></span></tt> tags
|
|
to producing the corresponding MathJax <tt class="docutils literal"><span class="pre"><script></span></tt> tags. You would use
|
|
<tt class="docutils literal"><span class="pre"><script</span> <span class="pre">type="math/tex"></span></tt> in place of <tt class="docutils literal"><span class="pre"><span</span> <span class="pre">class="math"></span></tt> and
|
|
<tt class="docutils literal"><span class="pre"><script</span> <span class="pre">type="math/tex;</span> <span class="pre">mode=display"></span></tt> in place of <tt class="docutils literal"><span class="pre"><div</span>
|
|
<span class="pre">class="math"></span></tt>. See the section on <a class="reference internal" href="model.html#mathjax-script-tags"><em>How mathematics is stored in the
|
|
page</em></a> for more details.</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sphinxsidebar">
|
|
<div class="sphinxsidebarwrapper">
|
|
<h4>Previous topic</h4>
|
|
<p class="topless"><a href="upgrade.html"
|
|
title="previous chapter">Migrating from MathJax v1.0 to v1.1</a></p>
|
|
<h4>Next topic</h4>
|
|
<p class="topless"><a href="model.html"
|
|
title="next chapter">The MathJax Processing Model</a></p>
|
|
<div id="searchbox" style="display: none">
|
|
<h3>Quick search</h3>
|
|
<form class="search" action="search.html" method="get">
|
|
<input type="text" name="q" size="18" />
|
|
<input type="submit" value="Go" />
|
|
<input type="hidden" name="check_keywords" value="yes" />
|
|
<input type="hidden" name="area" value="default" />
|
|
</form>
|
|
<p class="searchtip" style="font-size: 90%">
|
|
Enter search terms or a module, class or function name.
|
|
</p>
|
|
</div>
|
|
<script type="text/javascript">$('#searchbox').show(0);</script>
|
|
</div>
|
|
</div>
|
|
<div class="clearer"></div>
|
|
</div>
|
|
<div class="related">
|
|
<h3>Navigation</h3>
|
|
<ul>
|
|
<li class="right" style="margin-right: 10px">
|
|
<a href="genindex.html" title="General Index"
|
|
>index</a></li>
|
|
<li class="right" >
|
|
<a href="model.html" title="The MathJax Processing Model"
|
|
>next</a> |</li>
|
|
<li class="right" >
|
|
<a href="upgrade.html" title="Migrating from MathJax v1.0 to v1.1"
|
|
>previous</a> |</li>
|
|
<li><a href="index.html">MathJax v1.1 documentation</a> »</li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer">
|
|
© Copyright 2011 Design Science.
|
|
Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.0.7.
|
|
</div>
|
|
|
|
</body>
|
|
</html> |