ClickHelp User Manual

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:
    <script type="text/javascript" async
    <script type="text/x-mathjax-config" data-aspx-savednextwhitespace="%0A">
    tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']]}
  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:
    <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) .`

    <!-- 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.
    The Custom HTML button on the Ribbon bar
  1. Paste the code.
    Paste the code into the Insert HTML field
  2. Click OK
  3. Here is the result:
    The math equation embedded into the topic's content
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