Difference between revisions of "Markdown Editor"

From WHMCS Documentation

 
(5 intermediate revisions by 3 users not shown)
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:
+
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:
  
 
* '''Bold'''
 
* '''Bold'''
Line 10: Line 12:
 
* Code Blocks
 
* Code Blocks
 
* Quotes
 
* Quotes
 +
 +
=== Editor ===
 +
 +
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 Tickets|support ticket]] reply.
 +
 +
[[File:Markdown-editor.jpg]]
  
 
=== Markdown Guide ===
 
=== Markdown Guide ===
Line 15: Line 25:
 
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 &lt;h1&gt; tag</h1>
 +
<h2>This is an &lt;h2&gt; tag</h2>
 +
<h6>This is an &lt;h6&gt; 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>Header for quotes:</nowiki>
 +
 
 +
<nowiki>> This is the first line of the quote</nowiki><br/>
 +
<nowiki>>.</nowiki><br/>
 +
<nowiki>> followed by the second line.</nowiki>
 +
</td>
 +
<td>
 +
<samp><p>Header for quotes:</p>
 +
<blockquote>
 +
<p>This is the first line of the quote</p>
 +
<p>followed by the second line.</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>

Latest revision as of 19:05, 14 April 2022

WHMCS supports Markdown for formatting of ticket messages, notes, client notes and more.

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:

  • Bold
  • Italics
  • Headings
  • Bulleted Lists
  • Numbered Lists
  • Code Blocks
  • Quotes

Editor

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.

Markdown-editor.jpg

Markdown Guide

A convenient and easily accessible Markdown Guide is provided within the product accessible via the Help icon within the editor toolbar at any time.

Markdown Output

# This is an <h1> tag

## This is an <h2> tag

###### This is an <h6> tag

This is an <h1> tag

This is an <h2> tag

This is an <h6> tag

*This text will be italic*

_This will also be italic_

**This text will be bold**

__This will also be bold__

_You **can** combine them_

This text will be italic

This will also be italic

This text will be bold

This will also be bold

You can combine them

* Item 1

* Item 2

* Item 2a

* Item 2b

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b

1. Item 1

2. Item 2

3. Item 3

* Item 3a

* Item 3b

  1. Item 1
  2. Item 2
  3. Item 3
    • Item 3a
    • Item 3b

[WHMCS Marketplace](http://marketplace.whmcs.com)

WHMCS Marketplace

Header for quotes:

> This is the first line of the quote
>.
> followed by the second line.

Header for quotes:

This is the first line of the quote

followed by the second line.

I think you should add padding around the `$string` output.

I think you should add padding around the $string output.