Web Wiz Forums Modifications

Print Page | Close Window

Support Mathjax

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums Modifications
Forum Description: Mod's and Add-on's for Web Wiz Forums.
URL: https://forums.webwiz.net/forum_posts.asp?TID=29253
Printed Date: 29 March 2026 at 12:33pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Support Mathjax

Posted By: Gullanian
Subject: Support Mathjax
Date Posted: 12 April 2011 at 7:39pm

MathJax On WWF9.x

MathJax is a brilliant way to render mathematical formulas on your website. This is a very simple modification. See:

http://www.mathjax.org/" rel="nofollow - http://www.mathjax.org/

For more information.

Basic Setup

In forum_posts.asp, add this line directly before the

<!-- #include file="includes/footer.asp" -->

line right at the bottom of the page:

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        "HTML-CSS": {
            scale: 180
        }
    });
</script>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

You can add this in your head, but I prefer to put it at end of the body so it loads last after the rest of the page has loaded as it's not very high priority.

Then post this formula

\[ \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \]

Simple, but good if you have a forum that needs maths!

Styling

http://www.mathjax.org/docs/1.1/CSS-styles.html#css-style-objects" rel="nofollow - http://www.mathjax.org/docs/1.1/CSS-styles.html#css-style-objects

See that link on how to style it with the config JS that you pasted in.