Embed Math Equations

From this topic, you'll learn how to embed math equations. There are different ways to do it. If you have a picture, you can just insert it: Insert Images.

Otherwise, you can use MathML. For this purpose, you need to add the MathJax script to your portal:

1. Open Projects page.
2. Go to Topic Master Page.
3. Add the following code to the Additional tags field:
   

   Copy Code HTML

   <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"> </script> <script type="text/x-mathjax-config" data-aspx-savednextwhitespace="%0A"> MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']]} }); </script>

4. Click Save Changes.
   Now MathJax is added to your ClickHelp portal.​

You can create math equations using a third-party tool like MathType or Mathcha and add them to your topics. To do it, follow the steps: 

1. Copy the code of your math equation. For example:

   Copy Code HTML

   <p>When `a != 0`, there are two solutions to `ax^2 + bx + c = 0` and they are</p> <p style="text-align:center"> `x = (-b +- sqrt(b^2-4ac))/(2a) .` </p> <!-- Alternatively, you can use another notation --> When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

2. Click OK. 
3. Open your topic in ClickHelp.
4. Go to the Insert tab and click Custom HTML.
   

5. Paste the code.
   
   
6. Click OK. 
7. Here is the result:
   
   

	Note
The MathML code will render when you click the Unlock&View button or select the Preview mode.

 You can learn more about embedding MathJax in their own documentation: Getting Started — MathJax 2.7 documentation. 

Back
to top