Enlighter – Resaltador de sintaxis personalizable
Contenidos
Note: You have to escape all < and & characters inside <code> elements (code blocks and inline snippets) with < and & respectively, or else the browser might interpret them as an HTML tag or entity. If you have large portions of HTML code, you can use the Unescaped Markup plugin to work around this.
If you want to opt-out of highlighting a <code> element that inherits its language, you can add the language-none class to it. The none language can also be inherited to disable highlighting for the element with the class and all of its descendants.
If you want to prevent any elements from being automatically highlighted and instead use the API, you can set Prism.manual to true before the DOMContentLoaded event is fired. By setting the data-manual attribute on the <script> element containing Prism core, this will be done automatically.
Plugins are additional scripts (and CSS code) that extend Prism’s functionality. Many of the following plugins are official, but are released as plugins to keep the Prism Core small for those who don’t need the extra functionality.
Resaltado de sintaxis de WordPress
Cuando haga clic en el bloque, encontrará ajustes adicionales en la barra lateral derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono de Configuración en la esquina superior derecha para que aparezca la configuración. Este icono parece un cuadrado con dos columnas desiguales.
Puede resaltar líneas añadiendo una lista separada por comas de los números de línea que desea resaltar. También puede resaltar un rango de números de línea. Por ejemplo, 1,5,10-20 resaltará los números de línea 1, 5 más 10 hasta el 20.
Si utiliza el Editor clásico, puede mostrar código formateado utilizando el código abreviado. Si tiene un sitio habilitado para plugins, primero tendrá que instalar y activar este plugin SyntaxHighlighter para utilizar este shortcode.
Siempre buscamos mejorar nuestra documentación. Si esta página no ha respondido a tu pregunta o te ha dejado con ganas de más, ¡háznoslo saber! Nos encanta recibir tus comentarios. Para soporte, por favor utilice los foros o el formulario de contacto. Muchas gracias.
Resaltador de sintaxis del editor html
Puede que también quieras que tus usuarios utilicen el mismo resaltado de sintaxis en los comentarios, para que la gente pueda hablar de tu código y compartir sus propios fragmentos. De esta forma, el resaltado de sintaxis puede hacer que los comentarios sean más interesantes, atractivos y útiles.
La forma más fácil de añadir resaltado de sintaxis en WordPress es con el plugin Syntax Highlighter Evolved. Es muy fácil de usar y le permite activar el resaltado de sintaxis en las entradas, páginas y comentarios de WordPress.
Tras la activación, es necesario editar el post o página en la que desea agregar código. En la pantalla de edición de la entrada, haga clic en el icono (+) para añadir un nuevo bloque y, a continuación, añada el bloque “SyntaxHighlighter Code” a su área de contenido.
Sin embargo, los comentarios de WordPress no son compatibles con el editor de bloques, por lo que este método no funcionará en la sección de comentarios. Dicho esto, veamos cómo puede utilizar el Resaltador de Sintaxis Evolucionado en los comentarios de su sitio web.
Este código simplemente muestra un aviso encima del campo de comentario en el formulario de comentarios de WordPress. Sin embargo, no muestra el aviso para los usuarios registrados, por lo que tendrás que abrir una nueva ventana del navegador en modo incógnito o cerrar la sesión de tu cuenta.
El bloque de código de WordPress no funciona
También es posible que desee que sus usuarios utilicen el mismo resaltado de sintaxis en los comentarios, para que la gente pueda hablar de su código y compartir sus propios fragmentos. De esta forma, el resaltado de sintaxis puede hacer que los comentarios sean más interesantes, atractivos y útiles.
La forma más fácil de añadir resaltado de sintaxis en WordPress es con el plugin Syntax Highlighter Evolved. Es muy fácil de usar y le permite activar el resaltado de sintaxis en las entradas, páginas y comentarios de WordPress.
Tras la activación, es necesario editar el post o página en la que desea agregar código. En la pantalla de edición de la entrada, haga clic en el icono (+) para añadir un nuevo bloque y, a continuación, añada el bloque “SyntaxHighlighter Code” a su área de contenido.
Sin embargo, los comentarios de WordPress no son compatibles con el editor de bloques, por lo que este método no funcionará en la sección de comentarios. Dicho esto, veamos cómo puede utilizar el Resaltador de Sintaxis Evolucionado en los comentarios de su sitio web.
Este código simplemente muestra un aviso encima del campo de comentario en el formulario de comentarios de WordPress. Sin embargo, no muestra el aviso para los usuarios registrados, por lo que tendrás que abrir una nueva ventana del navegador en modo incógnito o cerrar la sesión de tu cuenta.