Konverter Teks ke HTML

Mengapa teks biasa perlu dikonversi

Ketika Anda mengetik di editor teks, jeda baris dan baris kosong yang Anda lihat adalah karakter sungguhan di dalam file. Namun, browser mengabaikannya: HTML meringkas setiap rentetan whitespace, termasuk karakter baris baru, menjadi satu spasi saja. Tempelkan draf yang tertata rapi langsung ke sebuah halaman web dan ia akan tampil sebagai satu paragraf tanpa pemisah. Untuk mengembalikan penataan jaraknya, Anda harus menerjemahkan jeda tak terlihat itu menjadi markup yang sesungguhnya, dan itulah yang persis dilakukan konverter ini.

Konverter ini membaca teks Anda, menemukan batas-batas paragraf, dan membungkus setiap blok dalam tag semantik agar browser menata kontennya sesuai maksud Anda. Hasilnya adalah HTML yang bersih dan terstruktur yang bisa Anda tempelkan ke CMS, templat email, atau postingan blog tanpa mengetik satu tag pun secara manual.

Bagaimana paragraf dan jeda baris dideteksi

Aturan intinya sederhana dan mudah ditebak: sebuah baris kosong menandai akhir satu paragraf dan awal paragraf berikutnya. Setiap blok teks di antara baris kosong dibungkus dalam tag p miliknya sendiri, yang merupakan elemen semantik yang tepat untuk sebuah paragraf dan memberi Anda penataan jarak yang benar melalui gaya bawaan browser.

Jeda baris tunggal di dalam sebuah paragraf adalah persoalan tersendiri. Secara bawaan, jeda itu dihilangkan, tetapi aktifkan Preserve line breaks dan setiap baris baru tunggal akan menjadi tag br, sehingga sebuah alamat pos atau puisi pendek mempertahankan struktur barisnya yang persis di dalam satu paragraf. Perbedaan ini penting: tag p menciptakan blok-blok terpisah dengan margin, sedangkan tag br memaksa jeda baris di dalam sebuah blok tanpa jarak tambahan itu.

Sebuah contoh terpandu

Bayangkan dua paragraf pendek yang dipisahkan oleh satu baris kosong, di mana paragraf pertama terpecah menjadi dua baris ketikan. Dengan konversi paragraf aktif dan Preserve line breaks nonaktif, Anda mendapatkan dua elemen p dan paragraf pertama terbaca sebagai satu kalimat yang mengalir. Aktifkan Preserve line breaks dan p pertama kini berisi sebuah tag br di titik tempat Anda menekan Enter, sehingga kedua baris ketikan tetap bertumpuk. Input yang sama, dua hasil yang berbeda dan sepenuhnya valid, dipilih oleh satu kotak centang.

Peringatan soal escaping yang wajib Anda pahami

Konverter ini dibangun untuk prosa, jadi ia memperlakukan input Anda sebagai konten yang akan dibungkus, bukan sebagai kode yang harus dinetralkan. Artinya, karakter yang memiliki makna khusus dalam HTML tidak otomatis di-escape. Jika teks Anda benar-benar mengandung tanda kurung sudut atau ampersand, karakter itu akan diteruskan ke dalam markup apa adanya.

Dalam praktiknya hal ini baik-baik saja untuk tulisan biasa, tetapi berhati-hatilah ketika teks Anda memuat simbol. Jika Anda menulis tentang kode dan paragraf Anda berisi sesuatu seperti tanda lebih kecil yang diikuti nama tag, browser mungkin mencoba menafsirkannya sebagai markup. Saat risiko itu ada, lakukan escape sendiri pada karakter berbahaya terlebih dahulu, mengganti ampersand dengan &, tanda lebih kecil dengan <, dan tanda lebih besar dengan >, agar semuanya tampil sebagai teks harfiah alih-alih diuraikan.

Kelas dan dokumen lengkap

Dua opsi menyesuaikan keluaran dengan tujuan akhirnya. Add class to paragraphs memungkinkan Anda membubuhkan sebuah kelas CSS pada setiap tag p yang dihasilkan, sehingga seluruh blok konten mewarisi gaya yang sudah Anda miliki begitu Anda menempelnya, tanpa penyuntingan manual. Ini adalah cara tercepat untuk membuat teks hasil konversi selaras dengan tipografi sebuah situs.

Wrap in complete HTML document meningkatkan cuplikan menjadi sebuah file utuh yang mandiri dengan tag html, head, dan body di sekeliling paragraf Anda. Biarkan nonaktif saat Anda menempel ke halaman atau editor yang sudah menyediakan struktur tersebut; aktifkan saat Anda menginginkan file mandiri yang bisa Anda simpan dan buka langsung di browser atau lampirkan sebagai dokumen HTML.

Di mana ini cocok dalam alur kerja nyata

Penggunaan paling umum adalah memindahkan tulisan dari editor biasa atau aplikasi catatan ke dalam sistem penerbitan. Buatlah draf dengan nyaman dalam teks biasa, jalankan melalui konverter, dan tempelkan markup yang valid ke CMS Anda, dengan yakin bahwa jeda antarparagraf akan tetap terjaga. Alat ini sama bergunanya untuk email HTML yang dibuat manual, di mana banyak klien membuang CSS dan Anda membutuhkan tag p dan br yang eksplisit alih-alih mengandalkan whitespace.

Para pengembang memakainya untuk mengisi templat dan fixture dengan cepat, mengubah satu blok naskah menjadi markup siap pakai untuk sebuah komponen atau halaman tiruan. Siapa pun yang memigrasikan konten antarplatform dapat memakainya untuk menormalkan teks tempelan yang berantakan menjadi paragraf yang konsisten dan semantik sebelum diimpor.

Kesalahan umum yang harus dihindari

Kesalahan klasik adalah memakai jeda baris tunggal padahal yang Anda maksud adalah paragraf baru, lalu bingung mengapa dua blok menyatu; sisipkan satu baris kosong di antara paragraf yang sesungguhnya. Kesalahan sebaliknya adalah membiarkan Preserve line breaks tetap aktif untuk prosa yang mengalir, yang menebarkan tag br di sepanjang teks Anda dan mengganggu reflow alami pada berbagai ukuran layar. Dan seperti disebutkan di atas, jangan berasumsi alat ini membersihkan karakter khusus: jika konten Anda memuat simbol HTML yang ingin Anda tampilkan secara harfiah, lakukan escape pada simbol itu sebelum mengonversi.