markdown.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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 plain 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 you use this flexible yet simple markup language in the GitHub flavor. The editor-produced Markdown output supports the most important features, like <a href="https://ckeditor.com/">links</a>, <strong>different</strong> kinds of <em>emphasis</em>, <code>inline code formatting</code> or 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>Formatting blocks with Markdown</h2>
  15. <p>Markdown can be used to create various block-level features, such as:</p>
  16. <ul>
  17. <li>Block quotes</li>
  18. <li>Headings
  19. <ol>
  20. <li>Heading 1</li>
  21. <li>Heading 2</li>
  22. <li>Heading 3</li>
  23. </ol>
  24. </li>
  25. <li>Lists, including nested ones
  26. <ul>
  27. <li>Numbered lists</li>
  28. <li>Bulleted lists</li>
  29. </ul>
  30. </li>
  31. </ul>
  32. </div>
  33. <p>Output:</p>
  34. <pre><code id="snippet-markdown-output"></code></pre>