El día de hoy te enseñaré a mostrar fragmentos de código en tu página web con un excelente Marcador de sintaxis de JavaScript, el cual detecta automáticamente más de 190 lenguajes de programación.
Paso 1
Ingresamos a nuestro panel de MGPanel y nos vamos a configuración.
Paso 2
Estando en configuración bajamos hasta al final en donde encontraremos el campo: Código <head>, allí vamos a colocar el siguiente código:
<!-- Bloque de código eliminado por incompatibilidad -->Y damos clic a Guardar.
Paso 3
Estando allí en configuración pulsamos sobre la pestaña Código JS y dentro de $(document).ready(function() { }); vamos a colocar la siguiente línea de código:
<!-- Bloque de código eliminado por incompatibilidad -->Y damos clic a Guardar.
Paso 4
Vamos ahora a nuestro módulo o contenido donde queramos mostrar el fragmento de código y colocaremos el siguiente código:
<!-- Bloque de código eliminado por incompatibilidad -->Y damos clic a Guardar.
Ve a tu página web y verás que tu código se muestra de una forma amigable y entendible.
De esta forma se verá tu código en tu página web: Ver fragmentos de código en página web.
A partir de este punto ya con solo aplicar el Paso 4 en los diferentes módulos o contenidos podrás mostrar fragmentos de tu código como todo un profesional.
Ahora en caso de que requieras mostrar fragmentos de tu código en el blog no será necesario que apliques los pasos anteriores, ya que el editor integrado para la creación de post de MGPanel tiene este marcador de sintaxis integrado.
En próximos post te daremos otros consejos para que los apliques en este nuevo CMS para programadores, también iremos construyendo secciones de sitios web y otros trucos que queremos compartir contigo.
O si quieres especializarte en programación web dale un vistazo a nuestro Máster en programación web desde cero.
O también puedes visitar nuestro canal de YouTube, donde tenemos tutoriales y clases grabadas de como crear páginas web de forma rápida y sencilla.
Nos vemos en un próximo post,
Wilmer Silva
Fuente: https://highlightjs.org/