prism-element

Syntax / code highlighting via the Prism webcomponent.

Integration of the <prism-element> Webcomponent. Enables you to display syntax highlighted code via Prism.

Sample code

new PrismHighlighter("p { color: blue; }");
new PrismHighlighter("p { color: blue; }","css");
new PrismHighlighter("@Route(\"\")\n" +
        "public class DemoView extends VerticalLayout {\n" +
        "\n" +
        "    public DemoView() {\n" +
        "        add(\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\")\n" +
        "        );\n" +
        "    }\n" +
        "}\n");
new PrismHighlighter("@Route(\"\")\n" +
        "public class DemoView extends VerticalLayout {\n" +
        "\n" +
        "    public DemoView() {\n" +
        "        add(\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\"),\n" +
        "                new PrismHighlighter(\"<style>p { color: blue; }</style>\", \"html\")\n" +
        "        );\n" +
        "    }\n" +
        "}\n","java");

Links

• Source
• Online Demo
• Webcomponent

Compatibility