{{-- MarkdownX Toolbar --}}
{{-- MarkdownX Editor --}}
{{-- Style override for headings in preview --}}
{{-- MarkdownX Preview Section --}}
{!! $contentPreview !!}
{{-- End: MarkdownX Preview Section --}}
{{-- MarkdownX Help Section --}}
Markdown Basics
Below you will find some common used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet
Bold & Italic
Italics *asterisks*
Bold **double asterisks**
Code
Inline Code
`backtick`Code Block```
Three back ticks and then enter your code blocks here.
```
Headers
# This is a Heading 1
## This is a Heading 2
### This is a Heading 3
Quotes
> type a greater than sign and start typing your quote.
Links
You can add links by adding text inside of [] and the link inside of (), like so:
[link_text](https://google.com)
Lists
To add a numbered list you can simply start with a number and a ., like so:
1. The first item in my list
For an unordered list, you can add a dash -, like so:
- The start of my list
Images
You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of [], and the image URL inside of (), like so:

Dividers
To add a divider you can add three dashes or three asterisks:
--- or ***
@if(in_array('giphy', config('markdownx.dropdown_items')))
Embedding GIFs via Giphy
You can easily embed animated GIFS with the following syntax:
{% giphy https://giphy.com/embed/giphy_id %}
@endif
@if(in_array('codepen', config('markdownx.dropdown_items')))
Embedding Codepens
You can also embed a codepen by writing the following:
{% codepen https://codepen.io/your/pen/url %}
You may also choose the default tabs you wish to show your pen by writing the default-tab like so: (default is result)
{% codepen https://codepen.io/your/pen/url default-tab=result,html %}
@endif
@if(in_array('codesandbox', config('markdownx.dropdown_items')))
Embedding CodeSandbox
You can also embed CodeSandbox by writing the following:
{% codesandbox YOUR_CODESANDBOX_EMBED_URL %}
@endif
@if(in_array('gists', config('markdownx.dropdown_items')))
Embedding Gists
You can also embed a Gists by writing the following:
{% gist GIST_ID_HERE %}
@endif
@if(in_array('youtube', config('markdownx.dropdown_items')))
Embedding YouTube Videos
You can also embed a YouTube video by writing the following:
{% youtube VIDEO_ID_HERE %}
@endif
@if(in_array('buy_me_a_coffee', config('markdownx.dropdown_items')))
Embedding buymeacoffee.com
You can also embed your "Buy me a coffee" button by writing the following:
{% buymeacoffee BUY_ME_A_COFFEE_USERNAME_HERE %}
@endif
{{-- End: MarkdownX Help Section --}}