Mejorando la sintaxis de Codigo con highlight.js

[satanson]

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]

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]

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:

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

 

[Alfredo Ramos]

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]

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.