Bagaimanakah Saya Boleh Memaparkan Tag HTML dalam Kawasan Teks?

Memaparkan Teg HTML dalam Kawasan Teks

Textareas tidak mampu mentafsir teg HTML sebagai sesuatu selain daripada teks. Ini menimbulkan cabaran jika anda perlu memaparkan kandungan HTML, seperti , , dan , dalam kawasan teks.

Alternatif: Div Boleh Sunting Kandungan

Mencapai kefungsian ini dengan kawasan teks bukanlah boleh dilaksanakan. Sebaliknya, anda boleh menggunakan div boleh diedit kandungan, yang mudah dilaksanakan:

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

Penampilan dan Pemformatan

Div dengan atribut "boleh diedit" membenarkan sebaris mengedit dan menyokong pemformatan HTML. CSS di bawah menyediakan penggayaan asas untuk div:

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

strong {
  font-weight: bold;
}

Contoh

Kod HTML berikut menunjukkan cara menggunakan div yang boleh diedit kandungan:

<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 ini membolehkan anda membuat pengeditan sebaris dan menggunakan pemformatan HTML. Ia menyediakan penyelesaian yang lebih mantap dan mesra pengguna untuk memaparkan kandungan HTML dalam halaman web.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Tag HTML dalam Kawasan Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!