Cara menggunakan Generator Soft Hyphen
- Tempel judul atau teks kamu. Dalam mode otomatis, kata yang lebih panjang dari batas akan diberi soft hyphen di titik suku kata yang mungkin.
- Untuk kontrol penuh, ketik penanda (default
|) di tempat kata boleh dipenggal, misalnyaVersicherungs|leistungen. - Geser lebar pratinjau untuk melihat cara teks terbungkus di layar sempit. Tanda hubung hanya muncul jika kata benar-benar terpenggal.
- Salin sebagai teks (karakter tak terlihat, cocok untuk kolom Webflow dan CMS) atau sebagai HTML dengan entitas
­.
Apa itu soft hyphen?
Soft hyphen (Unicode U+00AD, entitas HTML ­) adalah karakter tak terlihat yang menandai kemungkinan pemenggalan baris di dalam sebuah kata. Jika kata muat dalam satu baris, tidak ada yang ditampilkan. Jika tidak muat, browser memenggal kata di titik tersebut dan menampilkan tanda hubung. Ini solusi paling bersih untuk kata majemuk panjang, seperti dalam bahasa Jerman (“Kundenzufriedenheitsanalyse”), yang bisa meluap dari kontainernya atau terlihat janggal di judul mobile berukuran besar.
Soft hyphen vs zero-width space vs CSS hyphens
| Teknik | Menampilkan tanda hubung? | Paling cocok untuk |
|---|---|---|
­ soft hyphen | Ya, hanya saat terpenggal | Kata panjang di judul dan isi teks |
| Zero-width space (U+200B) | Tidak | URL, alamat email, path file, garis miring |
CSS hyphens: auto | Ya | Isi teks panjang, tetapi butuh atribut lang yang benar dan kamus browser, serta tidak bisa dikontrol |
CSS overflow-wrap: anywhere | Tidak | Jaring pengaman terakhir; bisa memenggal kata di tempat yang janggal |
Menggunakan soft hyphen di Webflow
Kolom teks di Webflow tidak menerima ­ yang diketik, karena akan muncul apa adanya sebagai teks. Salin hasilnya sebagai teks dengan karakter tak terlihat, lalu tempel ke kolom heading, rich text, atau CMS: soft hyphen ikut terbawa tanpa terlihat dan langsung bekerja di situs yang sudah dipublikasikan. Untuk menghapusnya nanti, tempel kembali teksnya ke sini lalu klik “Hapus karakter tak terlihat”.
Tentang mode otomatis
Mode otomatis memakai aturan suku kata sederhana (transisi vokal–konsonan) untuk menyarankan titik pemenggalan, dengan memastikan minimal tiga huruf di setiap sisi. Mode ini cocok untuk judul, tetapi bukan penggal kata berbasis kamus lengkap. Periksa kata penting di pratinjau, atau atur titik pemenggalan secara manual dengan penanda untuk hasil yang sempurna.
Juga dicari sebagai: shy, ­, soft hyphen, zero width space, zwsp, pemenggalan kata, pemisahan kata, kata panjang mobile.
Tool yang cocok dipakai bersama Generator Soft Hyphen
- Perbaiki Smart Quotes — Kode hasil salin dari Slack, Notion, Word, atau blog tidak bisa dijalankan?
- Pengubah Huruf — Tempel teks apa pun dan ubah ke 11 format huruf, mulai dari Title Case untuk judul sampai camelCase dan snake_case untuk kode.
- Word Counter — Tempel atau ketik teksmu untuk menghitung kata dan karakter secara langsung, plus estimasi waktu baca dan bicara, kepadatan kata kunci, serta cek panjang untuk judul SEO, meta description, dan postingan media sosial.
- Encoder HTML Entity — Escape < > & " supaya teks aman ditampilkan di HTML, ubah aksen dan simbol menjadi named atau numeric entity, atau decode HTML yang penuh entity menjadi teks biasa.
Pertanyaan yang sering diajukan
Bagaimana cara mengetik soft hyphen?
­. Di editor yang tidak menerima entitas (Webflow, Figma, sebagian besar kolom CMS), salin karakternya dari tool ini. Karakternya tidak terlihat, tetapi tetap ada. Di Windows, kamu juga bisa mengetik Alt+0173.