Syntax Highlight Generator

Highlight your code with a large set of themes without need of JavaScript. Just CSS and HTML

Just paste your code in the first code block and you'll get the preview instantly. You can change the language and theme by typing them in the text inputs.

 getComponent() {
    if (!this.component) {
      this.component = new TextEditorComponent({
        element: this,
        mini: this.hasAttribute('mini'),
        updatedSynchronously: this.updatedSynchronously
      })
      this.updateModelFromAttributes()
    }
  }
    return this.component
  }

module.exports =
document.registerElement('atom-text-editor', {
  prototype: TextEditorElement.prototype
})

<h1>¡Hola mundo!</h1>

LANG THEME

Now you have your code set, you need to place the CSS of your theme, paste it before </head>.

<link rel="stylesheet" href="URL">

This is the code highlighted by highlight.js, paste it wherever you want.

Better version on my blog: The Blogger Web Developer