Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mencapai Pengeditan Teks Kaya dalam Textarea?

Bagaimanakah Saya Boleh Mencapai Pengeditan Teks Kaya dalam Textarea?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-24 20:20:12956semak imbas

How Can I Achieve Rich Text Editing in a Textarea?

Pengeditan Teks Kaya dalam Textarea: Menavigasi Had

Textareas menyediakan fungsi yang berharga dengan bar skrol terbina dalam mereka. Walau bagaimanapun, mereka tidak mempunyai keupayaan untuk memformat bahagian teks tertentu menggunakan elemen HTML.

Penyelesaian: Meniru TextArea menggunakan Contenteditable Div

Untuk mengatasi had ini, anda boleh meniru gelagat textarea menggunakan div dengan atribut contenteditable. Inilah sebabnya:

  • Ia menawarkan pilihan penyesuaian yang lebih besar.
  • Textarea direka bentuk untuk teks biasa, manakala div menyokong kandungan yang kaya.

Pelaksanaan Contoh

Untuk mencipta kawasan teks palsu, hanya gunakan yang berikut HTML:

<div>

Pertimbangan Tambahan

  • Bar skrol boleh dihasilkan semula dengan limpahan CSS.
  • Menyerahkan borang: Gunakan input tersembunyi untuk menangkap kandungan yang palsu kawasan teks:
<input type="hidden">
$('#your_form').submit(function()
{
  $('#fake_textarea_content').val($('#fake_textarea').html());
});

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Pengeditan Teks Kaya dalam Textarea?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn