Cara menampilkan tag HTML sebagai teks biasa

Saya memiliki formulir input di situs web saya di mana HTML diizinkan dan saya mencoba menambahkan instruksi tentang penggunaan tag HTML. Saya ingin teksnya

<strong>Look just like this line - so then know how to type it</strong>

Tapi sejauh ini yang saya dapatkan adalah:

Terlihat seperti baris ini - jadi ketahuilah cara mengetiknya

Bagaimana saya bisa menunjukkan tag sehingga orang tahu apa yang harus diketik?

Ganti <dengan <dan >dengan >.

Dalam PHP gunakan fungsi htmlspecialchars () untuk melarikan diri <dan >.

htmlspecialchars('<strong>something</strong>')

Seperti yang banyak orang lain katakan, htmlentities() akan melakukan trik ... tetapi itu akan terlihat seperti omong kosong.

Bungkus dengan <pre>tag dan Anda akan mempertahankan lekukan Anda.

echo '<pre>';
echo htmlspecialchars($YOUR_HTML);
echo '</pre>';

Anda harus menggunakan htmlspecialchars. Ini menggantikan karakter seperti di bawah ini:

• '&' (ampersand) menjadi &
• '"' (kutipan ganda) menjadi " saat ENT_NOQUOTES tidak disetel.
• "'" (kutipan tunggal) menjadi ' hanya ketika ENT_QUOTES diset
• '<' (kurang dari) menjadi <
• '>' (lebih besar dari) menjadi >

Anda dapat menggunakan htmlspecialchars ()

<?php
$new = htmlspecialchars("<a href='test'>Test</a>", ENT_QUOTES);
echo $new; // &lt;a href=&#039;test&#039;&gt;Test&lt;/a&gt;
?>

Anda hanya perlu menyandikan <>s:

<strong>Look just like this line - so then know how to type it</strong>

Untuk menampilkan tag HTML dalam browser, mengelilingi output dengan tag <xmp> dan </ xmp>

Anda dapat menggunakan htmlentities saat menggema ke browser, ini akan menunjukkan tag daripada memiliki html menafsirkannya.

Lihat di sini http://uk3.php.net/manual/en/function.htmlentities.php

Contoh:

 echo htmlentities("<strong>Look just like this line - so then know how to type it</strong>"); 

Keluaran:

<strong>Look just like this line - so then know how to type it</strong>

Gunakan htmlentities () untuk mengonversi karakter yang seharusnya ditampilkan sebagai HTML.

Ada cara lain ...

header('Content-Type: text/plain; charset=utf-8');

Ini membuat seluruh halaman disajikan sebagai teks biasa ... lebih baik adalah htmlspecialchars ...

Semoga ini membantu...

Pendekatan JavaScript asli -

('<strong>Look just like ...</strong>').replace(/</ig, '&lt;').replace(/>/ig, '&gt;');

Nikmati!