Pertanyaan Html menambahkan nomor baris ke textarea


Saya memiliki textarea seperti pada kode di bawah ini, bagaimana menampilkan nomor baris di sisi kiri.

Apakah ada plugin jquery?

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

32
2018-01-03 15:56


asal


Jawaban:


Ada Lined TextArea plugin untuk jQuery oleh Alan Williamson
Lisensi MIT
jQuery 1.3+


22
2018-02-27 12:11



Anda bisa mencobanya dengan baik Kode Cermin, yang merupakan pustaka JavaScript untuk menyematkan editor kode di halaman web.

Dengan garis kode, ia memiliki fitur-fitur hebat seperti

  • Pelengkapan otomatis
  • Tema
  • Mode bahasa campuran
  • Pencarian
  • Antarmuka penggabungan / diff
  • Scrollbar khusus dll.

6
2018-02-26 07:29



Ini adalah trik yang sangat sederhana, namun efektif. Ini menyisipkan gambar dengan nomor baris sudah ditambahkan.

Satu-satunya tangkapan adalah Anda mungkin perlu membuat gambar Anda sendiri untuk menyesuaikan desain UI Anda.

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;
}

Kredit diterima: Aakash Chakravarthy


3
2018-06-27 09:22



CodePress adalah yang digunakan di WordPress.


1
2018-01-03 16:28