aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdrian Kummerlaender2016-05-04 23:39:40 +0200
committerAdrian Kummerlaender2016-05-04 23:39:40 +0200
commit5afbba393d122dc4e488b016a50d98e8b6b63829 (patch)
tree3be079e8699a48a99353b05e155badd0e67cd32e
parent435b9d755805d5bdf9b9e22aa42d09418f5d71a1 (diff)
downloadblog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar.gz
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar.bz2
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar.lz
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar.xz
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.tar.zst
blog_content-5afbba393d122dc4e488b016a50d98e8b6b63829.zip
Implement support of server side math expression rendering
Many websites employ the [MathJax](https://www.mathjax.org/) library for dynamically rendering LaTeX math expressions on the client side. I expect to require support for doing just that in the future. But as with syntax highlighting I am of the opinion that this kind of stuff should be performed once during site compilation instead of wasting ressources by forcing each client to do this job for every single page request. Luckily there is a [MathJax-node](https://github.com/mathjax/MathJax-node) module that allows using the _MathJax_ library on the server side. This commit adds support for rendering math expressions written in Markdown respectively LaTeX as follows: `$$1 + 1 \neq 0$$` on the server side. This required the introduction of a new `math_highlighter` helper template in `formatter.xsl` based on the `tex2html` utility provided by _MathJax-node_. This formatter is matched against the (Markdown parser generated) `script` node in `formatter.xsl`'s _embellish_ mode. The HTML rendering of the expression is then embedded in a `p class="math"` node. This explicit labeling allows `master.xsl` to include the `math.css` rules only for pages that actually contain math expressions. Note that the XHTML rendering utility stylesheet `xhtml.xsl` currently adds a XML comment to each `span` node. This is a workaround to prevent _Xalan_ from collapsing "empty" `span` tag pairs into single nodes which otherwise leads to rendering errors as it is not valid HTML and is interpreted as a wrong tree structure by the browser. Note that the CSS rules declared in `math.css` are explicitly not part of the MIT licensed part of this repository but where generated by _MathJax_. As there is currently no _productive_ content making use of math expressions a demo page is available under `page/math_test/`.
-rw-r--r--pages/math_test.md9
1 files changed, 9 insertions, 0 deletions
diff --git a/pages/math_test.md b/pages/math_test.md
new file mode 100644
index 0000000..d686b76
--- /dev/null
+++ b/pages/math_test.md
@@ -0,0 +1,9 @@
+# Math expression test page
+
+$$\exists \: \epsilon > 0 \: \exists \: N_0 \in N \: \forall \: n \geq N_0 : | f(n) - f(n0) | \leq \epsilon$$
+
+$$\int_0^\infty \mathrm{e}^{-x}\,\mathrm{d}x$$
+
+$$e^x=\lim_{n\to\infty} \left( 1+\frac{x}{n} \right)^n$$
+
+$$1 + 1 \neq 0$$