Pregunta HTML que agrega números de línea a textarea


Tengo un área de texto como en el siguiente código, cómo mostrar los números de línea en el lado izquierdo de la misma.

¿Hay un plugin jquery?

<TEXTAREA name="program" id="program" rows="15" cols="65" ></TEXTAREA>

32
2018-01-03 15:56


origen


Respuestas:


Ahi esta Lined TextArea plugin para jQuery por Alan Williamson
Licencia MIT
jQuery 1.3+


22
2018-02-27 12:11



Puedes intentarlo Código espejo, que es una biblioteca de JavaScript para incrustar un editor de código en una página web.

Con líneas de código, tiene excelentes características como

  • Autocompletado
  • Temas
  • Modos de lenguaje mixto
  • Buscar
  • Interfaz Merge / diff
  • Barras de desplazamiento personalizadas, etc.

6
2018-02-26 07:29



Este es un truco muy simple pero efectivo. Inserta una imagen con los números de línea ya agregados.

El único inconveniente es que puede necesitar crear su propia imagen para que coincida con su diseño de interfaz de usuario.

https://jsfiddle.net/vaakash/5TF5h/

textarea {
    background: url(http://i.imgur.com/2cOaJ.png);
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color:#ccc;
}

El crédito va a: Aakash Chakravarthy


3
2018-06-27 09:22



CodePress es el que se usa en WordPress.


1
2018-01-03 16:28