Skip to content

Latest commit

 

History

History
66 lines (50 loc) · 1.83 KB

language-highlight.md

File metadata and controls

66 lines (50 loc) · 1.83 KB

Resaltado de lenguaje

Docsify utiliza Prism para resaltar bloques de código en tus páginas. Prism admite los siguientes lenguajes de forma predeterminada:

  • Marcado - markup, html, xml, svg, mathml, ssml, atom, rss
  • CSS - css
  • Tipo C - clike
  • JavaScript - javascript, js

El soporte para idiomas adicionales está disponible cargando los archivos de gramática específicos del idioma via CDN:

<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>

!> Esta etiqueta <script> debe colocarse después de la etiqueta <script> de Docsify para que funcione.

Para habilitar el resaltado de sintaxis, envuelve cada bloque de código en triple comilla invertida con el lenguaje especificado en la primera línea:

```html
<p>Este es un párrafo</p>
<a href="//docsify.js.org/">Docsify</a>
```

```bash
echo "hola"
```

```php
function getAdder(int $x): int
{
    return 123;
}
```

El markdown anterior se representará como:

<p>Este es un párrafo</p>
<a href="//docsify.js.org/">Docsify</a>
echo "hola"
function getAdder(int $x): int
{
    return 123;
}

Resaltado de contenido dinámico

Los bloques de código creados dinámicamente desde JavaScript se pueden resaltar utilizando el método Prism.highlightElement de la siguiente manera:

const code = document.createElement('code');
code.innerHTML = "console.log('¡Hola, mundo!')";
code.setAttribute('class', 'lang-javascript');
Prism.highlightElement(code);