Difference between revisions of "Markdown Editor"
(Created page with " = 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 toolb...") |
|||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
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. | 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. | ||
Revision as of 14:36, 8 March 2016
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); ```