Markdown

De tekst van artikelen wordt opgeslagen in Markdown: een eenvoudig tekstformaat voorzien opmaakcodes voor headings, opsommingen en hyperlinks. Het voordeel van Markdown is dat het goed te lezen en te wijzigen is en dat het heel precies kan worden omgezet naar HTML. In de Article Editor kun je in de MarkDown modus werken, dit kan handig zijn als je tekst zonder opmaakcodes wilt kopiëren.

De 3 werkmodes van de Article Editor

In de stijlbalk rechts kan gekozen worden voor 3 werkmodes: "wysiwyg", "bracket" en "markdown". Standaard staat de article editor in "wysiwyg" modus. In deze modus is de opmaak, inclusief hyperlinks, foto's en videos (lettertype, kleur) van de tekst in het artikel hetzelfde als in de website. In "bracket" mode worden hyperlinks en ingevoegde foto's en video's getoont als codes, zodat ze eenvoudig zijn aan te passen. In "markdown" mode wordt de tekst van het artikel getoont zoals het wordt opgeslagen.

Markdown syntax elements

MarkdownHTMLWebsite
= Heading 1 =<h1>Heading 1</h1>

Heading 1

== Heading 2 ==<h2>Heading 2</h2>

Heading 2

=== Heading 3 ===<h3>Heading 3</h3>

Heading 3

==== Heading 4 ====<h4>Heading 4</h4>

Heading 4

Paragraph with
second line
<p>Paragraph with <br>second line</p>

Paragraph with
second line

[hyperlink|products/soap]<a href="/products/soap">hyperlink</a>Hyperlink
*Bold*<strong>Bold</strong>Bold
//Italic//<em>Italic</em>Italic
- item 1
- item 2
- item 3
<ul>
<li>item1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
  • item 1
  • item 2
  • item 3
+ number 1
+ number 2
+ number 3
<ol>
<li>>number 2</li>
<li>>number 2</li>
<li>>number 3</li>
</ol>
  1. number 1
  2. number 2
  3. number 3
[foto/strand-texel.jpg]<div class="photo"> <img src="/foto/strand-texel.jpg"> <div class="description">Het strand op Texel bij de Slufter"</div> </div>
Het strand op Texel bij de Slufter"
[doc/flyer-huisartsen.pdf]<a class="document" href="/doc/flyer-huisartsen.pdf"> <img src="/doc/preview/flyer-huisartsen.pdf-dpi150-000001.png"/ title="Flyer huisartsen Voorschoten"> <div class="description">Doorverwijsmogelijkheden Voorschoten</div> </a>
Doorverwijsmogelijkheden Voorschoten Voor Elkaar