@bgoodman/syntax-highlight

Cusom element for displaying code with syntax highlighting using Prism.

1.0.0
latest
Source
npm

Version published: 5 years ago

Maintainers: 1

Created: 5 years ago

Source

syntax-highlight

Cusom element for displaying code with syntax highlighting using Prism.

Installation

npm install @bgoodman/syntax-highlight

yarn add @bgoodman/syntax-highlight

Usage

<html>

<head>
    <script type="module" src="./dist/index.js"></script>
</head>

<body>

    <syntax-highlight class="language-css">
        <pre><code class="language-css">p { color: red }</code></pre>
    </syntax-highlight>

    <syntax-highlight class="language-html" font-family="monospace" font-size="18px">
        <pre><code class="language-html">&lt;syntax-highlight
    class="language-html"
    font-family="monospace"
    font-size="18px"&gt;
&lt;/syntax-highlight&gt;</code></pre>
    </syntax-highlight>

</body>

</html>

Attrbiutes

`font-family`

Pass any valid css value for font-family to the element.

`font-size`

Pass any valid css value for font-size to the element.

Keywords

FAQs

What is @bgoodman/syntax-highlight?

Is @bgoodman/syntax-highlight well maintained?

Package last updated on 19 Nov 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install