markdown.html 1.0 KB

12345678910111213141516171819202122232425
  1. <div id="snippet-markdown">
  2. <h2>The Markdown language</h2>
  3. <p>Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Created by <a href="https://daringfireball.net/projects/markdown/" target="_blank">John Gruber</a> in 2004, Markdown is now one of the world&rsquo;s most popular markup languages.</p>
  4. <h2>Editing with markdown output</h2>
  5. <p>The <a href="https://ckeditor.com">CKEditor 5 WYSIWYG</a> editor lets the user utilize this flexible yet simple markup language, in the GitHub flavor. The output covers the most important features, like <a href="https://ckeditor.com">links</a>, <strong>different</strong> kinds of <em>emphasis</em>, the <code>inline code formatting</code> or the code blocks:</p>
  6. <pre>
  7. <code class="language-css">
  8. p {
  9. text-align: center;
  10. color: red;
  11. }
  12. </code>
  13. </pre>
  14. <h2>Headings are supported, too!</h2>
  15. <p>Try it yourself, add elements and see the Markdown output below.</p>
  16. </div>
  17. <p>Output:</p>
  18. <pre><code id="snippet-markdown-output"></code></pre>