Multi-language Syntax Highlighter Demo

HTML

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Syntax demo</title> <style> /* This is a CSS comment */ body { font-family: Arial, sans-serif; background-color: #f0f0f0; } </style> </head> <body> <h1>Hello, world!</h1> </body> <script> console.log("Hello"); </script> </html>

CSS

/* This is a CSS comment */ body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .greeting { color: #333; font-size: 18px; & .demo { color: red; } } @import url(others/icon/icon.css); @media (min-width: 576px) { body { color: red; } } @keyframes mymove { from {top: 0px;} to {top: 200px;} }

JavaScript

/* This is a comment */ function greet(name) { // This is a comment console.log("Hello, " + name + "!"); } greet("World"); export default new CodeHighlighter(1); const hello = document.getElementById('test'); //comment layx install