markdown.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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">p {
  8. text-align: center;
  9. color: red;
  10. }</code>
  11. </pre>
  12. <h2>Formatting blocks with Markdown</h2>
  13. <p>Markdown can be used to create various block-level features, such as:</p>
  14. <ul>
  15. <li>Block quotes</li>
  16. <li>Headings
  17. <ol>
  18. <li>Heading 1</li>
  19. <li>Heading 2</li>
  20. <li>Heading 3</li>
  21. </ol>
  22. </li>
  23. <li>Lists, including nested ones
  24. <ul>
  25. <li>Numbered lists</li>
  26. <li>Bulleted lists</li>
  27. </ul>
  28. </li>
  29. </ul>
  30. </div>
  31. <p>Output:</p>
  32. <pre><code id="snippet-markdown-output"></code></pre>