Skip to main content

Create numbered lists

Written by Kristina Bethea
Customer Success Engineer at MindTouch
This page applies to:MindTouch Responsive


Numbered lists are a great way to keep content organized and maintained. They are easy to scan through, and also eye-catching within a document. In HTML, these are known as ordered lists <ol>. The MindTouch editor outputs a numbered list order without having to manually enter it into the source mode. Numbered lists help break up content, allowing you to not have to read through multiple sentences to find the information you need. 

Once a numbered list is created, it will look similar to the example below: 

  1. This is an example
  2. This is a second example
    1. Test
    2. Test
    3. Test
      1. Test - A
      2. Test - B
  3. Third example
    1. Aa
    2. Bb

Note to user  NOTE:  You can change the text color in the MindTouch editor, though changing the color of the numbers themselves will need to be performed using CSS.

In order to create a numbered list, simply click on the numbered list icon in the WYSIWYG editor:


Add text on new line without breaking the list


You have the ability to add text directly underneath the previous text while keeping the numbered lists in place. In order to do this, you will need to press shift + enter on the keyboard to maintain the text. Take a look at the example below for a better visual:

  1. This is an example
  2. This is a second example. Press (Shift+Enter ) to start a new line
    <This is a new line>
    <Another new line>
  3. Pressing enter after a new line will continue the numbered list order
    1. Tab
    2. Tab
    3. <A new line beneath 'Tab'>


Reset a numbered list


You can reset the numbering of a numbered list by simply right-clicking into the list itself. An example is shown below:

  1. This is an example
  2. This is a second example
    1. ​Test - A
    2. Test - B                                
    3. Test - C
  3. ​This is a third example

         >                

For example, starting the numbered list at '3' will start from that position, and continue to be in descending order depending on where the right click was defined. In the example below, the right click was defined for Test A, B, and C. Also, setting a a numbered list type will also change the numbering instances that corresponds to the selection made from the dropdown. 

  1. This is an example
  2. This is a second example
    1. Test - A
    2. Test - B                                
    3. Test - C
  3. ​This is a third example