# Help Desk

# Instruction for Authors

# Template

<h3>Editor</h3>
<p>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.</p>
<div align="center">
  <img src="https://macrolib.com/uploads/images/gallery/2025-11/001.png" width="600">
</div>
<br>
<p>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.</p>
<div align="center">
  <img src="https://macrolib.com/uploads/images/gallery/2025-11/002.png" width="600">
</div>

<h3>Title with Hierachies</h3>
<p>MACROLIB recommends starting with <code>h3</code> as the primary title. The example HTML can be found below:</p>
<pre>
  &lt;h3>Level 1 Title&lt;/h3>
  &lt;h4>Level 2 Title&lt;/h4>
  &lt;h5>Level 3 Title&lt;/h5>
  &lt;h6>Level 4 Title&lt;/h6>
</pre>
<p>Markdown Editor automatically generates navigation in the left panel.</p>

<h3>Main Text</h3>
<p>For English, <code>p</code> is recommended. The example HTML can be found below: </p>
<pre>
  &lt;p>This is the main text&lt;/p>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <p>This is the main text</p>
</details>
<p>For Chinese, <code>p</code> with 2 text indent is recommended. The example HTML can be found below: </p>
<pre>
  &lt;p style="text-indent: 2em">This is the main text&lt;/p>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <p style="text-indent: 2em">This is the main text</p>
</details>

<h3>List</h3>
<p>MACROLIB recommends using <code>ul</code> and <code>li</code> to display list. The example HTML can be found below:</p>
<pre>
  &lt;ul>
    &lt;li>List 1&lt;/li>
    &lt;li>List 2&lt;/li>
    &lt;li>List 3&lt;/li>
  &lt;/ul>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <ul>
    <li>List 1</li>
    <li>List 2</li>
    <li>List 3</li>
  </ul>
</details>

<h3>Table</h3>
<p>MACROLIB recommends using <code>table</code>, <code>th</code>, <code>tr</code> and <code>td</code> to display list. The example HTML can be found below:</p>
<pre>
  &lt;table>
    &lt;tr align="center">
      &lt;th>Variable 1&lt;/th>
      &lt;th>Variable 2&lt;/th>
      &lt;th>Variable 3&lt;/th>
    &lt;/tr>
    &lt;tr>
      &lt;td>Content 1&lt;/td>
      &lt;td>Content 2&lt;/td>
      &lt;td>Content 3&lt;/td>
    &lt;/tr>
    &lt;tr>
      &lt;td>Content 1&lt;/td>
      &lt;td>Content 2&lt;/td>
      &lt;td>Content 3&lt;/td>
    &lt;/tr>
    &lt;tr>
      &lt;td colspan="3">Footnote&lt;/td>
    &lt;/tr>
  &lt;/table>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <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>
</details>

<h3>Formula</h3>
<p>To incoperate mathematic formula, MACROLIB recommends using <a href="https://editor.codecogs.com/">CodeCogs</a> with <code>img</code> to achieve best display effect. The example HTML can be found below:</p>
<pre>
  &lt;div align="center">
    &lt;img src="https://latex.codecogs.com/svg.image?&space;E=mc^{2}">
  &lt;/div>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <div align="center">
    <img src="https://latex.codecogs.com/svg.image?&space;E=mc^{2}">
  </div>
</details>

<h3>Picture</h3>

<h3>Other Makeup</h3>
<h4>Font</h4>
<h4>Hyperlink</h4>
<pre>
  &lt;p>This is an example of hyperlink &lt;a href="https://editor.codecogs.com/">CodeCogs&lt;/a>&lt;/p>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <p>This is an example of hyperlink <a href="https://editor.codecogs.com/">CodeCogs</a></p>
</details>

<h4>Superscript and Subscript</h4>
<pre>
  &lt;p>This is an example of Superscript X&lt;sup>2&lt;/sup>&lt;/p>
  &lt;p>This is an example of Subscript X&lt;sub>2&lt;/sub>&lt;/p>
</pre>
<details>
  <summary>Expand/Collapse</summary>
  <p>This is an example of Superscript X<sup>2</sup></p>
  <p>This is an example of Subscript X<sub>2</sub></p>
</details>