Markdown Editor - Revision history

SarahK at 19:05, 14 April 2022

2022-04-14T19:05:29Z

SarahK at 20:58, 1 March 2022

2022-03-01T20:58:46Z

SarahK: /* Markdown Guide */

2022-02-01T14:55:41Z

‎Markdown Guide

SarahK: /* Editor */

2020-08-27T20:37:47Z

‎Editor

John at 08:41, 30 June 2016

2016-06-30T08:41:48Z

Matt at 18:33, 29 March 2016

2016-03-29T18:33:13Z

Matt at 18:31, 29 March 2016

2016-03-29T18:31:10Z

Matt at 14:36, 8 March 2016

2016-03-08T14:36:49Z

Cole: 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..."

2016-03-07T19:21:28Z

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..."

New page

= 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'''

'''<nowiki>**bold**</nowiki>'''

''<nowiki>*italics*</nowiki>''

<nowiki>~~strikethrough~~</nowiki>

'''Headers'''

<nowiki># Big header

## Medium header

### Small header

#### Tiny header</nowiki>

'''Lists'''

<nowiki>* Generic list item

* Generic list item

* Generic list item

1. Numbered list item

2. Numbered list item

3. Numbered list item</nowiki>

'''Links'''

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

'''Quotes'''

<nowiki>> This is a quote.

> It can span multiple lines!</nowiki>

'''Tables'''

<nowiki>| Column 1 | Column 2 | Column 3 |

| -------- | -------- | -------- |

| John | Doe | Male |

| Mary | Smith | Female |</nowiki>

Or without aligning the columns...

<nowiki>| Column 1 | Column 2 | Column 3 |

| -------- | -------- | -------- |

| John | Doe | Male |

| Mary | Smith | Female |</nowiki>

'''Displaying code'''

<nowiki>`var example = "hello!";`

Or spanning multiple lines...

```

var example = "hello!";

alert(example);

```</nowiki>

@@ Line 1: / Line 1: @@
 WHMCS supports Markdown for formatting of ticket messages, notes, client notes and more.
-You can use the markdown editor when you submit or reply to support tickets at '''Support > [[Support Tickets]]''' or create a predefined reply at '''Support > [[Predefined Replies]]'''.
+You can access the markdown editor when you submit or reply to support tickets at '''Support > [[Support Tickets]]''' or create a predefined reply at '''Support > [[Predefined Replies]]'''.
 Supported formatting includes:

← Older revision		Revision as of 20:58, 1 March 2022
Line 1:		Line 1:
	WHMCS supports Markdown for formatting of ticket messages, notes, client notes and more.		WHMCS supports Markdown for formatting of ticket messages, notes, client notes and more.
		+
		+	You can use the markdown editor when you submit or reply to support tickets at '''Support > [[Support Tickets]]''' or create a predefined reply at '''Support > [[Predefined Replies]]'''.

	Supported formatting includes:		Supported formatting includes:

@@ Line 115: / Line 115: @@
 <tr>
 <td>
-<nowiki>As Kanye West said:</nowiki>
+<nowiki>Header for quotes:</nowiki>
-<nowiki>> We're living the future so.</nowiki><br/>
+<nowiki>> This is the first line of the quote</nowiki><br/>
 <nowiki>>.</nowiki><br/>
-<nowiki>> the present is our past.</nowiki>
+<nowiki>> followed by the second line.</nowiki>
 </td>
 <td>
-<samp><p>As Kanye West said:</p>
+<samp><p>Header for quotes:</p>
 <blockquote>
-<p>We're living the future so</p>
+<p>This is the first line of the quote</p>
-<p>the present is our past.</p>
+<p>followed by the second line.</p>
 </blockquote>
 </samp>

@@ Line 15: / Line 15: @@
 An editor is provided that makes it easy to apply common formatting.
-The following screenshot provides an example of the editor in ''Preview Mode'' for a support ticket reply.
+The following screenshot provides an example of the editor in ''Preview Mode'' for a [[Support Tickets|support ticket]] reply.
 [[File:Markdown-editor.jpg]]

← Older revision		Revision as of 08:41, 30 June 2016
Line 23:		Line 23:
	A convenient and easily accessible Markdown Guide is provided within the product accessible via the Help icon within the editor toolbar at any time.		A convenient and easily accessible Markdown Guide is provided within the product accessible via the Help icon within the editor toolbar at any time.

−	~~A similar online guide~~ is ~~available at https~~://marketplace.whmcs.com/~~help~~/~~markdown~~	+	<table class="table table-striped">
		+	<tr>
		+	<td>'''Markdown'''</td>
		+	<td>'''Output'''</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki># This is an <h1> tag</nowiki>
		+
		+	<nowiki>## This is an <h2> tag</nowiki>
		+
		+	<nowiki>###### This is an <h6> tag</nowiki>
		+	</td>
		+	<td>
		+	<samp><h1>This is an <h1> tag</h1>
		+	<h2>This is an <h2> tag</h2>
		+	<h6>This is an <h6> tag</h6>
		+	</samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td><nowiki>This text will be italic</nowiki>
		+
		+	<nowiki>_This will also be italic_</nowiki>
		+
		+	<nowiki>This text will be bold</nowiki>
		+
		+	<nowiki>__This will also be bold__</nowiki>
		+
		+	<nowiki>_You can combine them_</nowiki>
		+	</td>
		+	<td>
		+	<samp><p><em>This text will be italic</em></p>
		+	<p><em>This will also be italic</em></p>
		+	<p><strong>This text will be bold</strong></p>
		+	<p><strong>This will also be bold</strong></p>
		+	<p><em>You <strong>can</strong> combine them</em></p>
		+	</samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki>* Item 1</nowiki>
		+
		+	<nowiki>* Item 2</nowiki>
		+
		+	<nowiki> * Item 2a</nowiki>
		+
		+	<nowiki> * Item 2b</nowiki>
		+	</td>
		+	<td>
		+	<samp><ul><li>Item 1</li>
		+	<li>Item 2
		+	<ul><li>Item 2a</li>
		+	<li>Item 2b</li>
		+	</ul></li>
		+	</ul></samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki>1. Item 1</nowiki>
		+
		+	<nowiki>2. Item 2</nowiki>
		+
		+	<nowiki>3. Item 3</nowiki>
		+
		+	<nowiki> * Item 3a</nowiki>
		+
		+	<nowiki> * Item 3b</nowiki>
		+	</td>
		+	<td>
		+	<samp><ol><li>Item 1</li>
		+	<li>Item 2</li>
		+	<li>Item 3
		+	<ul><li>Item 3a</li>
		+	<li>Item 3b</li>
		+	</ul></li>
		+	</ol></samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki>[WHMCS Marketplace](http://marketplace.whmcs.com)</nowiki>
		+	</td>
		+	<td>
		+	<samp>[http://marketplace.whmcs.com WHMCS Marketplace]
		+	</samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki>As Kanye West said:</nowiki>
		+
		+	<nowiki>> We're living the future so.</nowiki><br/>
		+	<nowiki>>.</nowiki><br/>
		+	<nowiki>> the present is our past.</nowiki>
		+	</td>
		+	<td>
		+	<samp><p>As Kanye West said:</p>
		+	<blockquote>
		+	<p>We're living the future so</p>
		+	<p>the present is our past.</p>
		+	</blockquote>
		+	</samp>
		+	</td>
		+	</tr>
		+	<tr>
		+	<td>
		+	<nowiki>I think you should add padding around the `$string` output.</nowiki>
		+	</td>
		+	<td>
		+	<samp><p>I think you should add padding around the <code>$string</code> output.</p>
		+	</samp>
		+	</td>
		+	</tr>
		+	</table>

@@ Line 1: / Line 1: @@
-WHMCS supports Markdown for ticket formatting.
+WHMCS supports Markdown for formatting of ticket messages, notes, client notes and more.
-An editor is provided that makes it easy to apply common formatting.  Supported formatting includes:
+Supported formatting includes:
 * '''Bold'''
@@ Line 10: / Line 10: @@
 * Code Blocks
 * Quotes
 === Markdown Guide ===

@@ 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 supports Markdown for ticket formatting.
-=== Autosaving ===
+An editor is provided that makes it easy to apply common formatting.  Supported formatting includes:
-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.
+* '''Bold'''
-The saved file clears when submitting a reply or note.
+* ''Italics''
 === Markdown Guide ===
-This is the same guide displayed in WHMCS when clicking the Markdown Guide toolbar button.
+A convenient and easily accessible Markdown Guide is provided within the product accessible via the Help icon within the editor toolbar at any time.
-```</nowiki>
+A similar online guide is available at https://marketplace.whmcs.com/help/markdown

← Older revision		Revision as of 14:36, 8 March 2016
Line 1:		Line 1:
−
−	~~= 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.		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.