Konversi Kode HTML: FITUR Escape & Unescape
Keterangan Fitur:
- Escape HTML: Mengubah karakter khusus (seperti <, >, &) menjadi entitas HTML aman.
- Unescape HTML: Mengubah entitas HTML menjadi karakter aslinya.
- Textarea Input & Output: Area untuk memasukkan teks dan melihat hasil setelah diproses.
- HTML Preview (Decode): Menampilkan hasil teks decode sebagai tampilan HTML langsung menggunakan iframe.
- Copy ke Clipboard: Menyalin hasil output ke clipboard dengan notifikasi visual "Berhasil disalin!".
- Export ke File .txt: Menyimpan hasil output sebagai file teks yang bisa diunduh.
- Clear Semua: Menghapus isi input, output, dan preview sekaligus.
- Autosave ke localStorage:
- Menyimpan otomatis teks yang diketik ke dalam penyimpanan lokal browser.
- Memuat ulang isi terakhir secara otomatis saat halaman dibuka kembali.
- Tidak memerlukan tombol simpan manual.
- Upload File: Memuat isi dari file .txt atau .html ke textarea input secara otomatis.
- Mode Gelap: Tampilan yang nyaman di mata dengan latar gelap dan teks terang.
Tambahkan baris pertama dengan <pre><code> dan baris terakhir dengan </code></pre> agar struktur susun sesuai aslinya
✅ Tips CSS agar lebih rapi dan Scroll Horizontal + Vertikal
pre {
background-color: #f0f0f0;
padding: 1em;
border-radius: 6px;
font-family: monospace;
white-space: pre; /* tampil sesuai spasi dan baris */
overflow: auto; /* scroll horizontal & vertikal otomatis */
max-height: 400px; /* batas tinggi agar bisa discroll vertikal */
max-width: 100%; /* batas lebar agar bisa discroll horizontal */
}
Comments
Post a Comment