Apakah Alternatif yang Lebih Baik kepada Textareas untuk Membuat HTML?

Alternatif kepada Textareas untuk HTML Rendering

Dalam senario di mana textareas standard tidak dapat menghasilkan teg HTML, penyelesaian alternatif diperlukan. Textareas sememangnya memaparkan kandungan sebagai teks biasa, menjadikannya sukar untuk memasukkan elemen HTML yang diingini.

Nasib baik, penyelesaian terletak dalam bentuk div yang boleh diedit kandungan. Tidak seperti textareas, div ini menyokong penyuntingan terus dan membenarkan penggabungan pelbagai teg HTML. Pelaksanaannya adalah mudah:

<div contenteditable="true"></div>

Div ini menyediakan persekitaran boleh edit teks dengan keupayaan untuk mengubah suai kandungannya. Menggunakan Cascading Style Sheets (CSS), anda boleh menyesuaikan lagi rupa kawasan boleh diedit. Contohnya:

div.editable {
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  padding: 5px;
}

strong {
  font-weight: bold;
}

Kini, div boleh diedit digayakan seperti yang dikehendaki. Anda boleh memasukkan tag HTML seperti , dan untuk memformat teks seperti yang diperlukan.

Contohnya:

<div contenteditable="true">
  This is the first line.<br>
  See, how the text fits here, also if<br>
  there is a <strong>linebreak</strong> at the end?
  <br>It works nicely.
  <br>
  <br><span>

Div boleh edit kandungan ini membenarkan pengeditan teks kaya, termasuk pemasukan elemen HTML untuk mempertingkatkan persembahan visual kandungan textarea.

Atas ialah kandungan terperinci Apakah Alternatif yang Lebih Baik kepada Textareas untuk Membuat HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!