Bagaimana Saya Boleh Mencipta Teks Berbilang Warna dalam Kawasan Teks?

Mencapai Teks Berbilang Warna dalam Kawasan Teks

Salah satu batasan kawasan teks tradisional dan teg input ialah ketidakupayaan untuk memaparkan teks dengan warna yang berbeza-beza dalam elemen yang sama. Walau bagaimanapun, sekatan ini boleh diatasi dengan menggunakan atribut contenteditable.

Menggunakan Atribut contenteditable

Atribut contenteditable membenarkan elemen HTML, seperti div, menjadi boleh diedit seperti textareas. Atribut ini secara berkesan mengubah elemen menjadi permukaan penyuntingan teks. Dalam elemen yang boleh diedit kandungan, anda boleh secara bebas memasukkan elemen HTML dan penggayaan CSS, termasuk penyesuaian warna.

Contoh Pelaksanaan

Untuk mencapai teks berbilang warna dalam kawasan teks, anda boleh gunakan kod berikut:

<div>
<p>Dalam ini contoh:</p>
<ul>
<li>Elemen div dengan></li>
<li>Dalam div, kami mencipta dua rentang teks dengan warna tersuai menggunakan CSS sebaris ("span></li>
</ul>
<p><strong>Penghadan</strong></p>
<p>Perlu diingat bahawa atribut boleh diedit kandungan mungkin tidak disokong oleh semua penyemak imbas dengan cara yang sama penting untuk memastikan penyunting teks yang digunakan dalam aplikasi induk tidak mengganggu keupayaan penyuntingan teks elemen boleh diedit kandungan.</p>
</div>

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mencipta Teks Berbilang Warna dalam Kawasan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!