Elegante resaltador de sintaxis en JavaScript-Iluminterjs
| Autor: | EnlighterJS |
|---|---|
| Views Total: | 770 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 29, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Iluminterjs es un potente resaltador de sintaxis que soporta más de 40 idiomas y viene con 12 temas elegantes.
También proporciona plugins para TinyMCE y WordPress .
Supported languages:
- Assembly (montaje, ASM)
- AVR Assembly (avrassembly, avrasm)
- C/C++ (c, CPP, c++)
- C# Csharp
- CSS CSS
- Cython cython
- CordPro (cordpro)
- diff diff
- Dockerfile (Docker, dockerfile)
- Generic (genérico, estándar) – esquema de resaltado predeterminado
- Groovy Groovy
- Go (Go, Golang)
- HTML HTML
- esta (esto, conf)
- Java Java
- JavaScript (JS, JavaScript, jQuery, MooTools, ext. js)
- JSON JSON
- Kotlin Kotlin
- LESS menos
- TAKE Tomar
- Markdown (GFM, MD, Markdown)
- MATLAB/Octave (octava, MATLAB)
- NSIS NSIS
- PHP php
- Powerhsell PowerShell
- Prolog Prólogo
- Python (PY, Python)
- RAW (RAW) – código RAW sin resaltar con los estilos de contenedor de Iluminterjs!
- Ruby Ruby
- Rust reposo
- SCSS (SCSS, Sass)
- shellscript (Shell, Bash)
- SQL SQL
- Squirrel ardilla
- SWIFT SWIFT
- Typescript typescript
- VHDL VHDL
- VisualBasic (VisualBasic, VB)
- XML (XML)
- YAML YAML
Más características
- Copiar en clipborad.
- Modo RAW.
- Números de línea.
- Resalte la línea actual al desplazar el mouse.
- Mostrar fragmentos de código en una nueva ventana
¿Cómo funciona?
Cargue el Iluminterjs ' JavaScript y Stylehseet en el documento.
<link rel="stylesheet" href="enlighterjs.min.css"> <script src="enlighterjs.min.js"></script>
Inserte los fragmentos de código en etiqueta de de código anterior o y especifique el idioma utilizando el atributo de de datos-enlighter-idioma:
<pre data-enlighter-language="javascript"> Code Snippets Here </pre> <code data-enlighter-language="less"> Code Snippets Here </code>
Inicializar el resaltador de sintaxis con la configuración predeterminada.
EnlighterJS.init('pre', 'code'); Available options to customize the Syntax Highlighter.
EnlighterJS.init('pre', 'code',{
// default code indentation
indent: 4,
// & to &
ampersandCleanup: true,
// enable line hover highlighting
linehover: true,
// show linenumbers
linenumbers: true,
// no line offset
lineoffset: 0,
// no special line highlighting
highlight: '',
// default layout
layout: 'standard',
// default language
language: 'generic',
/*
Enlighter (enlighter, standard) - Enlighter`s default Theme
Classic (classic) - SyntaxHighlighter inspired
Bootstrap (bootstrap4) - Bootstrap 4 inpired themes, high contrast
Beyond (beyond) - BeyondTechnology Theme
Godzilla (godzilla) - A MDN inspired Theme
Eclipse (eclipse) - Eclipse inspired
MooTwo (mootwo) - Inspired by the MooTools Website
Droide (droide) - Modern, minimalistic
Minimal (minimal) - Bright, High contrast
Atomic (atomic) - Dark, Colorful
Dracula (dracula) - Dark, using official draculatheme colorscheme
Rowhammer (rowhammer) - Light, Transparent, divided rows
*/
theme: 'enlighter',
// show raw code on double click
rawcodeDbclick: false
}); También puede pasar las opciones a través de los atributos Data-OPTION de la siguiente manera:
<pre data-enlighter-language="javascript" data-enlighter-theme="atomic"> Code Snippets Here </pre>
Registro de cambios
01/29/2019
- v3.0
