Skip to main content
Module

x/xelement/docs/highlight.js

X-Element an agnostic non framework that enhances custom elements with functionality and data binding that mimics native custom element standards
xeaone/element
Go to Latest
File
123456789101112131415161718192021222324
import hljs from 'https://unpkg.com/@highlightjs/cdn-assets@11.4.0/es/highlight.min.js';import js from 'https://unpkg.com/@highlightjs/cdn-assets@11.4.0/es/languages/javascript.min.js';import xml from 'https://unpkg.com/@highlightjs/cdn-assets@11.4.0/es/languages/xml.min.js';
hljs.registerLanguage('js', js);hljs.registerLanguage('xml', xml);
const link = document.createElement('link');link.rel = 'stylesheet';link.href = './theme.css';// link.href = '//unpkg.com/@highlightjs/cdn-assets@11.4.0/styles/base16/material-vivid.min.css';// link.href = '//unpkg.com/@highlightjs/cdn-assets@11.4.0/styles/base16/tomorrow-night.min.css';document.head.append(link);
export default function (data, type) {    if (typeof data === 'string') {        return hljs.highlight(data, { language: type ?? 'html' }).value;    } else if (data instanceof HTMLElement) {        return hljs.highlightElement(data);    } else {        return hljs.highlightAll();    }}