Get started with primer-markdown CDN

MIT licensed

Primer-markdown is a library that enables rendering Markdown in Primer templates.

Tags:
  • github
  • markdown
  • css
  • scss
  • primer
  • style
  • stylesheets
  • md

Stable version

Copied!

How to start using primer-markdown CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with primer-markdown CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/primer-react@1.1.0/dist/primer-react.min.css" />
  <script src="https://cdn.cdnhub.io/primer-markdown/4.1.0-alpha.df004242/index.js"></script>
</head>
<body>
  <div id="content" class="p-4">
    <h1>Primer Markdown Example</h1>
    <p>Below is an example of using Primer Markdown:</p>
    <pre><code class="language-markdown">
    # Heading 1
    
    ## Heading 2
    
    ### Heading 3
    
    **Bold text**
    
    *Italic text*
    
    `Code block`
    
    > Blockquote
    
    > ## Nested blockquote
    
    > **Nested bold text**
    
    > *Nested italic text*
    
    > ---
    
    > 1. List item 1
    2. List item 2
    3. List item 3
    
    > ---
    
    > 1. Ordered list item 1
    1. Ordered list item 2
    2. Ordered list item 3
    
    > ---
    
    > Link: [Google](https://www.google.com/)
    
    > Image: ![Alt text](https://example.com/image.jpg)
    
    > Table:
    
    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned  | cool  |
    | col 2 is      | centered      |       |
    | zebra stripes  | are neat      | true  |
    
    > ---
    
    > Horizontal rule
    
    > ---
     </code></pre>
  </div>
  <script>
    window.onload = function() {
      Prism.highlightAll();
      Primer.Markdown.init(document.querySelector('#content'));
    };
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!

All versions