Apa itu Visualisasi Karakter Spasi?

Whitespace Visualizer membuat karakter tak terlihat dalam teks Anda menjadi terlihat. Spasi, tab, baris baru, carriage return, spasi non-breaking, dan karakter zero-width masing-masing mendapat penanda warna sendiri, sehingga Anda bisa cepat menemukan kesalahan format, indentasi tidak konsisten, atau karakter aneh dalam file data.

Setiap jenis whitespace punya warna sendiri: spasi jadi titik oranye, tab jadi panah, baris baru pakai simbol pilcrow, dan karakter lebar nol jadi lingkaran yang dicoret. Tool menghitung tiap jenis terpisah, jadi sekilas kamu tahu apakah file pakai tab atau spasi, campur keduanya, atau menyembunyikan karakter tak terlihat yang bikin parser kacau. Tool ini juga menandai karakter tak terlihat lanjutan — tanda hubung lunak, penyambung kata, tanda arah kiri-ke-kanan dan kanan-ke-kiri, serta spasi lebar — yang disembunyikan sepenuhnya oleh editor biasa.

Cara menggunakan

1. Langkah 1 — Tempelkan atau ketik teks ke area input. Karakter whitespace langsung disorot dengan penanda berkode warna.
2. Langkah 2 — Aktifkan atau nonaktifkan jenis whitespace yang ingin disorot: spasi, tab, baris baru, carriage return, spasi non-breaking, dan karakter zero-width, ditambah karakter tak terlihat lanjutan seperti tanda hubung lunak, penyambung kata, tanda arah, dan spasi lebar. Atur lebar tab ke 2, 4, atau 8 kolom dan tampilkan atau sembunyikan nomor baris agar cocok dengan editor Anda.
3. Langkah 3 — Tinjau statistik karakter yang menunjukkan jumlah setiap jenis whitespace, dan salin teks beranotasi jika diperlukan.

Kapan menggunakan

• Mencari tahu kenapa file CSV atau TSV gagal diparse di pandas atau Excel.
• Memeriksa kode yang ditempel untuk campuran tab dan spasi sebelum commit ke repo strict-lint.
• Menangkap zero-width joiner atau BOM yang terselip di string UI hasil terjemahan.

Hasil

Sebuah file CSV gagal diparse. Tempelkan beberapa baris ke visualizer untuk menemukan tab bercampur dengan spasi sebagai pemisah, ditambah spasi zero-width tersembunyi di baris header yang menyebabkan nama kolom pertama tidak cocok.

FAQ

Apa itu karakter lebar nol dan kenapa bikin masalah?

Karakter seperti U+200B (zero-width space) dan U+FEFF (BOM) tidak menempati ruang visual tetapi tetap terhitung sebagai byte. Sering masuk dari Word, PDF yang disalin, atau ekspor terminal, dan bikin perbandingan string gagal dengan cara yang terlihat mustahil sampai kamu lihat di sini.

Bagaimana cara tahu file pakai tab atau spasi untuk indentasi?

Tempel filenya dan lihat panel hitungan. Kalau Tabs 0 dan Spaces tinggi, indentasi pakai spasi. Sebaliknya, pakai tab. Dua-duanya bukan nol biasanya berarti masalah, terutama di Python atau Makefile yang melarang campuran.

Bisa untuk teks non-Latin seperti Arab atau Tionghoa?

Bisa. Visualizer iterasi per code point Unicode, jadi Arab, CJK, dan emoji ditangani dengan benar. Karakter non-Latin tampil normal; hanya whitespace yang diganti penanda, apapun aksaranya.

Apa beda spasi biasa dan non-breaking space?

Spasi biasa (U+0020) memperbolehkan browser memotong baris di situ. Non-breaking (U+00A0) menolak memotong, menjaga dua kata tetap bersama. Salin dari Word atau PDF sering memasukkan NBSP yang terlihat sama persis tetapi merusak pencarian, split, dan trim.

Bisa ekspor atau salin tampilan yang ditandai?

Bisa. Tombol copy menaruh teks bertanda di clipboard lengkap dengan markernya, berguna untuk code review atau laporan bug saat kamu perlu menunjukkan persis karakter whitespace mana yang bermasalah.

Alat terkait