Bullet lists
Bullet lists should be formatted using the Bullet list button in the TinyMCE. Avoid the additional options in the dropdown. The sequencing of list bullet types is automatic.
Examples of lists
Default list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
Do not select Circle
- Souvlaki ignitus carborundum e pluribus unum.
Do not select Disc
- Souvlaki ignitus carborundum e pluribus unum.
Do not select Square
- Souvlaki ignitus carborundum e pluribus unum.
Numbered lists
Numbered lists should be formatted using the Numbered list button in the TinyMCE. There are additional options in the drop-down arrow next to the numbered list button for upper and lower case alpha, roman, and greek.
Examples of numbered lists
Default numbered list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
Lower Alpha numbered list
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus.
- Quote meon an estimate et non interruptus stadium
Troubleshooting list formatting
Soft break or soft return
In order for TinyMCE to properly format lists, soft returns must be removed and converted to paragraphs [<p> tags]. These methods work for bullet list as well as numbered lists.
Shows a manually formatted numbered list with soft returns. These should be converted into a proper numbered list.
Converting soft returns to returns
After each line hit return, then backspace. This converts line-breaks <br> into paragraphs <p>. Delete the numbers and other spacing.
Clean content
After clearing off extraneous spacing and converting the shift+returns to returns, your content should have clear divisions between each list item. No numbers are listed, the numbers will be created by the number list button automatically assigned to each line.
End result of a proper numbered list.
End result
Carefully select the portion you need converted to list. Preferred method of selection is click and drag rather than double-click to select content in the tinyMCE. Then click the numbered list button and your your content will look like above.