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

Popular posts from this blog

Analisis Potensi Rebound Saham (compose view): Kode Python & colab.research.google.com

Proyek Scraping Python

Adaptasi Integrasi Fitur Vault HTML CSS JS ke Python