Melhorando a sintaxe de código com highlight.js

satanson · 23/05/2022

Hola, estoy intentando hacer algo con la libreria highlight.js (https://highlightjs.org/) estoy intentando cambiar la forma como se los codigo cuando se colocan dentro de <pre><code class="lang-php-template">codigo del lenguaje</code></pre> pero no logro que se vean de forma vertical tomando encuanta los saltos de lineas. mas abajo les dejo una captura de como se ven en mi proyecto.

Lo que quiero hacer es que me salga de este forma:

No se si tiene que ver al cargar los datos desde mysql. Gracias de ante mano.

Alfredo Ramos · 24/05/2022

Revisa que estés guardando el whitespace (saltos de línea, tabulaciones, etc) en la base de datos, y que no los estés eliminando al obtenerlos de la base de datos.

No das nada de información ni código, así que solo eso podría recomendar.

satanson · 24/05/2022

Alfredo Ramos disse:
Revisa que estés guardando el whitespace (saltos de línea, tabulaciones, etc) en la base de datos, y que no los estés eliminando al obtenerlos de la base de datos.

No das nada de información ni código, así que solo eso podría recomendar.

Disculpa, creí que solo con esos datos eran suficientes y si tenias la razón los estaba reemplazando. Quizas me puedas hechar la mano con otra cosa.

Cuando preciono "TAB" en el textarea, solo cambia de input, quisiera que solo dejara el espacio en el textarea.
Codigo HTML textarea:

Inserir CODE, HTML ou PHP:

<textarea id="TMirror1" class="form-control mb-2" name="Mirror1" aria-required="true" maxlength="5000" autofocus></textarea>

Alfredo Ramos · 24/05/2022

satanson disse:
Cuando preciono "TAB" en el textarea, solo cambia de input, quisiera que solo dejara el espacio en el textarea.

Para ello necesitarás JavaScript.

Primero necesitarás usar Event.preventDefault() para evitar perder el enfoque en el campo de texto.

Luego tendrás que "escuchar" el evento keydown (cuando presionas una tecla) y compararlo si es la tecla de tabulación.

Necesitarás obtener la posición del cursor para que en esa posición añadas \t que es el caracter de tabulación.

Finalmente actualizas la nueva posición del cursor.

Puedes verlo en funcionamiento en el siguiente enlace, ya que al parecer al WAF del foro no le gusta el script (403).

Tal vez la última línea la puedas remplazar por HTMLInputElement.setSelectionRange()

satanson · 24/05/2022

Alfredo Ramos disse:
Para ello necesitarás JavaScript.

Primero necesitarás usar Event.preventDefault() para evitar perder el enfoque en el campo de texto.

Luego tendrás que "escuchar" el evento keydown (cuando presionas una tecla) y compararlo si es la tecla de tabulación.

Necesitarás obtener la posición del cursor para que en esa posición añadas \t que es el caracter de tabulación.

Finalmente actualizas la nueva posición del cursor.

Puedes verlo en funcionamiento en el siguiente enlace, ya que al parecer al WAF del foro no le gusta el script (403).

Tal vez la última línea la puedas remplazar por HTMLInputElement.setSelectionRange()

Un millon de gracias, me funciono muy bien.