Markdown Editor

Markdown Editor

WHMCS has implemented Bootstrap Markdown Editor to the ticket system as a Markdown Editor. The editor allows users who may not know Markdown to use toolbar buttons and shortcuts. Also, the syntax renders while editing to show the expected result. Headings are larger, emphasised words italicise, links underline, etc.

Autosaving

The editor has a built in auto-save feature. In WHMCS, this means that each ticket reply or note will save every 10 seconds. Auto-save uses Browser storage, so each user has unique saved replies. The save will load when visiting a ticket visited before. Each auto-save has a unique filename. This means that a user can start a reply on many tickets and have them saved separately. Notes also have this same functionality. The saved file clears when submitting a reply or note.

Markdown Guide

This is the same guide displayed in WHMCS when clicking the Markdown Guide toolbar button.

Emphasis

**bold**

*italics*

~~strikethrough~~

Headers

# Big header ## Medium header ### Small header #### Tiny header

Lists

* Generic list item * Generic list item * Generic list item 1. Numbered list item 2. Numbered list item 3. Numbered list item

Links

[Text to display](http://www.example.com)

Quotes

> This is a quote. > It can span multiple lines!

Tables

| Column 1 | Column 2 | Column 3 | | -------- | -------- | -------- | | John | Doe | Male | | Mary | Smith | Female |

Or without aligning the columns...

| Column 1 | Column 2 | Column 3 | | -------- | -------- | -------- | | John | Doe | Male | | Mary | Smith | Female |

Displaying code

`var example = "hello!";` Or spanning multiple lines... ``` var example = "hello!"; alert(example); ```