Biblioteca de resaltado de sintaxis de código flexible simple-Syntaxy. js

Vista prévia

Descripción

Syntaxy. js es un resaltador de sintaxis pequeño, rápido, flexible y que se suele realizar para cualquier idioma de sintaxis.

Funcionamiento

Incluya un tema CSS de su elección en la Página Web. Syntaxy. js actualmente viene con 3 temas incorporados que puedes elegir:

• syntaxy. Dark. min. CSS
• syntaxy. Light. min. CSS
• syntaxy. Purple. min. CSS

<link rel="stylesheet" href="/path/to/syntaxy. Dark. min. CSS">

Envuelva el código fuente en una etiqueta previa y especifique el tipo de idioma utilizando atributo de tipo de datos de la siguiente manera:

<pre id="syntaxy" data-type="javascript">

code to highlight here...
</pre>

Inicialice Syntaxy. js y añada filtros personalizados, modifique opciones, etc. al objeto Syntaxy () .

var target
= document.getElementById( 'syntaxy' );
var syntaxy = new Syntaxy( target, {} );

Represente el resaltador de sintaxis en su página web.

syntaxy.render();

Opciones predeterminadas.

tagOpen

 : '«', // special tag open delimeter
tagSplit

: '≈', // special tag split delimeter
tagClose

: '»', // special tag close delimeter
tagName

 : 'span', // final markup tag name
classPrefix : 'stx-', // syntaxy css class prefix
codeTitle
 : 'Source code', // title to show on code box header
codeType

: '', // default syntax type to be used
minHeight
 : '100px', // min height of syntax scroll container
maxHeight
 : '600px', // max height of syntax scroll container
isInline

: false, // if rendering inline code containers
wordWrap

: false, // wrap long lines
startLine
 : 1, // line to statrt counting from
debugLines
: '', // comma separated line numbers to debug (flash)