Template

Editor

MACROLIB recommends using HTML to fully meet the display effect. To do so, authors need to switch to Markdown Editor (Stable Content) to enable HTML escaping codes.

The Markdown Editor looks like this. The left side is the editor, and the right side can synchronously refresh and display the HTML code effect.

Title with Hierachies

MACROLIB recommends starting with h3 as the primary title. The example HTML can be found below:

  <h3>Level 1 Title</h3>
  <h4>Level 2 Title</h4>
  <h5>Level 3 Title</h5>
  <h6>Level 4 Title</h6>

Markdown Editor automatically generates navigation in the left panel.

Main Text

For English, p is recommended. The example HTML can be found below:

  <p>This is the main text</p>

Expand/Collapse

This is the main text

For Chinese, p with 2 text indent is recommended. The example HTML can be found below:

  <p style="text-indent: 2em">This is the main text</p>

Expand/Collapse

This is the main text

List

MACROLIB recommends using ul and li to display list. The example HTML can be found below:

  <ul>
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
  </ul>

Expand/Collapse

List 1
List 2
List 3

Table

MACROLIB recommends using table, th, tr and td to display list. The example HTML can be found below:

  <table>
    <tr align="center">
      <th>Variable 1</th>
      <th>Variable 2</th>
      <th>Variable 3</th>
    </tr>
    <tr>
      <td>Content 1</td>
      <td>Content 2</td>
      <td>Content 3</td>
    </tr>
    <tr>
      <td>Content 1</td>
      <td>Content 2</td>
      <td>Content 3</td>
    </tr>
    <tr>
      <td colspan="3">Footnote</td>
    </tr>
  </table>

Expand/Collapse

Variable 1	Variable 2	Variable 3
Content 1	Content 2	Content 3
Content 1	Content 2	Content 3
Footnote

Formula

To incoperate mathematic formula, MACROLIB recommends using CodeCogs with img to achieve best display effect. The example HTML can be found below:

  <div align="center">
    <img src="https://latex.codecogs.com/svg.image?&space;E=mc^{2}">
  </div>

Expand/Collapse

$E=mc^{2}$

Picture

Other Makeup

Font

Hyperlink

  <p>This is an example of hyperlink <a href="https://editor.codecogs.com/">CodeCogs</a></p>

Expand/Collapse

This is an example of hyperlink CodeCogs

Superscript and Subscript

  <p>This is an example of Superscript X<sup>2</sup></p>
  <p>This is an example of Subscript X<sub>2</sub></p>

Expand/Collapse

This is an example of Superscript X²

This is an example of Subscript X₂