Team:DTU-Denmark/How to customize an iGEM wiki

From 2011.igem.org

(Difference between revisions)
(Remove all empty tags)
(Remove all empty <p> tags)
Line 2: Line 2:
== jQuery hacks ==
== jQuery hacks ==
-
=== Remove all empty &lt;p> tags ===
+
=== Remove all empty "&lt;p>&lt;/p>" tags ===
Annoyed og all those "&lt;p>&lt;/p>" and "&lt;p> &lt;/p>" emerging everywere in your markup, distroying your layout by adding a bit of vertical space here and there?
Annoyed og all those "&lt;p>&lt;/p>" and "&lt;p> &lt;/p>" emerging everywere in your markup, distroying your layout by adding a bit of vertical space here and there?

Revision as of 01:01, 19 September 2011

How to customize an iGEM wiki

jQuery hacks

Remove all empty "<p></p>" tags

Annoyed og all those "<p></p>" and "<p> </p>" emerging everywere in your markup, distroying your layout by adding a bit of vertical space here and there?

First of, why are they there? They emerge when ever you use the tags "<html></html>" tags.

Now, how du you remove them? It's simple. All you need to do, is to paste in this bit of code:

<!-- Remove all empty <p> tags -->
<script type="text/javascript">
    $(document).ready(function() {
        $("p").filter( function() {
            return $.trim($(this).html()) == '';
        }).remove()
    });
</script>

LaTeX equations

It is possible to enabled TeX in a MediaWiki (Manual:Math), but unfortunately it doesn't seem like iGEM has done that..

Another way to enable your wiki to display LaTeX equations, is to use MathJax. MathJax is a JavaScript file located at http://cdn.mathjax.org/mathjax/latest/MathJax.js, which reads your document after it has been loaded, and then changes the content of the document according to the notation. That is, it removes everything between any of the following delimiters...

\(...\)
$...$ (if configured)
\[...\]
$$...$$
\begin{?} ... \end{?}

...and replace them with equations. All you need to do is to add the following to your wiki tekst:

<!-- MathJax (LaTeX for the web) -->
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

And if you want to use $...$ delimiters:

<!-- MathJax (LaTeX for the web) -->

<!-- This part is only if you want to use $...$ delimiters -->
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

See documentation here

I never managed to make "\label" and "\ref" work, but a non-tested version of the code, that enables the "\label" and "\ref" commands, can be found on GitHub. The issue is discussed here.