cara membagikan kode script blog agar tidak dieksekusi saat di posting menggunakan text area

cara membagikan kode script blog agar tidak dieksekusi saat di posting menggunakan text area

tapi jika test area memposting teks area harus di escape

<style> .textarea-container { display: flex; justify-content: center; margin: 0 auto 20px; max-width: 100%; /* Menyesuaikan tema */ width: 100%; } .textarea-container textarea { width: 100%; /* Auto menyesuaikan lebar */ max-width: 100%; /* Tidak melewati kontainer */ height: calc(1.5em * 7); /* 7 baris dengan line-height 1.5 */ overflow-x: auto; /* Scroll horizontal jika teks panjang */ overflow-y: auto; /* Scroll vertikal jika melebihi 7 baris */ white-space: pre; /* Mencegah teks terbungkus */ font-size: 16px; padding: 10px; border: 1px solid #295f00; border-radius: 5px; background: rgb(218, 255, 191); color: #295f00; box-sizing: border-box; } </style> <div class="textarea-container"> <textarea cols="58" name="code" onfocus="this.select()">teks disini

lalu masukkan code yg sudah di escape

ulang Yang sudah di escape

apa itu escape

Karakter Umum yang Di-escape dalam HTML

Karakter	Hasil Escape	Deskripsi
<	&lt;	"Kurang dari" digunakan dalam tag HTML.
>	&gt;	"Lebih dari" digunakan dalam tag HTML.
&	&amp;	Ampersand, digunakan untuk entitas lainnya.
"	&quot;	Tanda kutip ganda, sering digunakan dalam atribut HTML.
'	&#39; atau &apos;	Tanda kutip tunggal, digunakan dalam atribut atau teks literal.

Karakter Tambahan Lain yang Bisa Di-escape

Karakter	Hasil Escape	Deskripsi
/	/	Slash (garis miring), jarang perlu di-escape tetapi berguna dalam beberapa konteks.
`	`	Backtick, digunakan dalam JavaScript.
=	=	Simbol sama dengan, digunakan dalam atribut atau operator.
\	\	Backslash, sering digunakan dalam JavaScript atau CSS.
(	(	Tanda kurung buka, digunakan dalam ekspresi atau fungsi.
)	)	Tanda kurung tutup, menutup ekspresi atau fungsi.
[	[	Tanda kurung siku buka, digunakan dalam array.
]	]	Tanda kurung siku tutup, menutup array atau elemen.
{	{	Tanda kurung kurawal buka, digunakan dalam CSS atau kode.
}	}	Tanda kurung kurawal tutup.
`	`	|	Simbol pipe, sering digunakan dalam pemrograman.
#	#	Simbol pagar, digunakan dalam URL atau elemen HTML lainnya.
%	%	Simbol persen, penting dalam URL encoding.
+	+	Simbol tambah, digunakan dalam ekspresi atau query URL.
-	-	Simbol minus atau pengurangan.
*	*	Simbol bintang, digunakan dalam pemrograman.
:	:	Titik dua, sering digunakan dalam atribut atau URL.
;	&#59;	Titik koma, digunakan dalam kode atau JavaScript.
,	,	Koma, digunakan dalam daftar atau angka desimal.
.	.	Titik, digunakan dalam angka atau nama file.
?	?	Tanda tanya, digunakan dalam query URL.
!	!	Tanda seru, digunakan dalam teks atau kode.
@	@	Simbol "at", sering digunakan dalam alamat email.

Ringkasan Escape Karakter dalam Konteks Lain

1. Untuk HTML Rendering: Escape ini digunakan agar karakter spesial seperti < dan > tidak dianggap sebagai tag HTML.

2. Untuk Atribut HTML: Karakter seperti ", ', = perlu di-escape untuk menghindari konflik dengan nilai atribut.

3. Untuk URL dan Query String: Karakter seperti %, +, # harus di-escape agar tidak merusak sintaks URL.

4. Untuk JavaScript atau CSS: Karakter seperti {, }, ", dan ' perlu di-escape agar tidak merusak logika kode.