Merapikan Kode Online - JS, HTML, CSS, SQL, Python & PHP

Merapikan Kode untuk JavaScript, HTML, CSS, SQL, Python & PHP

Alat perapi kode ini mengubah kode sumber yang berantakan, terkompresi, atau indentasinya tidak konsisten menjadi kode yang bersih dan mudah dibaca. Pilih bahasa, tempel kode Anda, dan kode langsung dipercantik secara otomatis dengan indentasi yang rapi dan pemotongan baris yang teratur.

Alat ini dibuat untuk developer yang ingin merapikan kode online sebelum melakukan commit atau membagikannya, pelajar yang sedang belajar indentasi yang benar, reviewer yang mengurai potongan kode padat, serta penulis teknis yang menyiapkan contoh yang bersih. Enam bahasa didukung, masing-masing ditenagai mesin khusus berstandar industri.

Privat sejak awal: seluruh perapian berjalan sepenuhnya di peramban Anda menggunakan pustaka JavaScript (Prettier, sql-formatter, js-beautify). Kode Anda tidak pernah diunggah, disimpan, atau dicatat di server mana pun.

Cara Merapikan Kode Online

Pilih bahasa

Klik tab bahasa di bagian atas: JavaScript, HTML, CSS, SQL, Python, atau PHP. Setiap tab memuat mesin perapi dan opsi yang sesuai.

Tempel atau unggah kode Anda

Ketik atau tempel kode ke panel Masukan di sebelah kiri, atau gunakan Unggah untuk memuat berkas dari perangkat Anda. Klik Contoh untuk menyisipkan kode contoh sesuai bahasa yang aktif.

Sesuaikan opsi perapian

Atur ukuran indentasi (2, 3, 4, 8 spasi, atau Tab) dan opsi khusus tiap bahasa, seperti Lebar Baris, tanda kutip dan titik koma untuk JavaScript, atau kapitalisasi kata kunci dan dialek untuk SQL.

Salin atau unduh hasilnya

Kode yang sudah dirapikan muncul di panel Keluaran dengan pewarnaan sintaks. Gunakan Salin untuk mengirimnya ke papan klip atau Unduh untuk menyimpannya dengan ekstensi berkas yang benar.

Kode dirapikan secara otomatis sesaat setelah Anda berhenti mengetik. Tekan Ctrl+Shift+F untuk merapikan langsung, atau tekan Tab di masukan untuk menyisipkan indentasi.

Fitur

Enam Bahasa, Mesin Khusus

Rapikan JavaScript, HTML, CSS, dan PHP dengan Prettier, SQL dengan sql-formatter, dan Python dengan js-beautify.

Perapian JavaScript

Prettier dengan parser Babel, ditambah pengaturan lebar baris, titik koma, tanda kutip tunggal atau ganda, dan koma di akhir.

Perapian HTML & CSS

Rapikan HTML dengan pembungkusan atribut dan penempatan kurung kurawal, serta CSS yang bersih dengan lebar baris yang bisa diatur.

SQL dengan Dialek

Pilih kapitalisasi kata kunci dan dialek: SQL Standar, MySQL, PostgreSQL, MSSQL, atau Oracle, masing-masing dengan aturan sintaksnya sendiri.

Indentasi yang Bisa Diatur

Beri indentasi dengan 2, 3, 4, atau 8 spasi, atau gunakan karakter Tab. Pengaturan ini berlaku untuk setiap bahasa dan langsung memperbarui keluaran.

Keluaran Berpewarnaan Sintaks

Prism.js mewarnai kata kunci, string, komentar, dan angka, dan temanya menyesuaikan secara otomatis dengan mode terang dan gelap.

Keluaran yang Bisa Diedit

Klik Edit untuk mengubah keluaran menjadi editor CodeMirror penuh dengan nomor baris untuk penyesuaian manual cepat. Dimuat saat dibutuhkan.

Perapian Real-Time

Kode dirapikan ulang secara otomatis sesaat setelah Anda mengetik, atau langsung dengan Ctrl+Shift+F, sehingga Anda melihat hasil bersih sambil bekerja.

Unggah, Unduh & Salin

Muat berkas kode dari perangkat Anda, salin hasilnya dengan sekali klik, atau unduh dengan ekstensi yang benar (.js, .html, .css, .sql, .py, .php).

Status & Statistik

Bilah status menampilkan keadaan Siap, Sudah dirapikan, atau Eror beserta jumlah baris dan ukuran berkas dari keluaran yang dirapikan.

Pertanyaan yang Sering Diajukan

Apa fungsi alat perapi kode?

Alat ini menulis ulang kode sumber Anda dengan indentasi, spasi, dan pemotongan baris yang konsisten sehingga lebih mudah dibaca, tanpa mengubah fungsi kode. Ini kebalikan dari minify, yang menghapus spasi agar kode lebih kecil.

Apakah merapikan mengubah cara kode berjalan?

Tidak. Perapian hanya menyesuaikan spasi dan tata letak, seperti indentasi, pemotongan baris, dan penjarakan. Logika dan perilaku kode Anda tetap persis sama.

Bahasa apa saja yang didukung?

Enam bahasa: JavaScript, HTML, CSS, SQL, Python, dan PHP. Karena tab JavaScript menggunakan Prettier dengan parser Babel, Anda juga bisa menempelkan TypeScript atau JSX ke dalamnya.

Apakah kode saya diunggah ke server?

Tidak. Seluruh perapian terjadi sepenuhnya di peramban Anda menggunakan pustaka JavaScript (Prettier, sql-formatter, dan js-beautify). Kode Anda tidak pernah meninggalkan perangkat dan tidak ada yang disimpan atau dicatat.

Mesin perapi apa yang digunakan?

Prettier menangani JavaScript, HTML, CSS, dan PHP, sql-formatter menangani SQL, dan js-beautify menangani indentasi Python. Ini adalah alat yang sama yang dipakai banyak developer di dalam editor kode mereka.

Apa arti Lebar Baris?

Lebar Baris menetapkan jumlah maksimum karakter per baris. Perapi mencoba memotong baris yang melebihi batas ini. Anda bisa memilih 80, 100, atau 120 karakter.

Dialek SQL apa saja yang didukung?

SQL Standar, MySQL, PostgreSQL, MSSQL (Transact-SQL), dan Oracle (PL/SQL). Setiap dialek memiliki aturan sintaksnya sendiri yang memengaruhi cara kueri dirapikan. Anda juga bisa mengatur kapitalisasi kata kunci ke HURUF BESAR, huruf kecil, atau Pertahankan.

Bisakah saya mengedit keluaran yang dirapikan?

Bisa. Klik tombol Edit di panel keluaran untuk beralih ke editor CodeMirror interaktif dengan nomor baris, lalu lakukan penyesuaian manual dan salin atau unduh hasilnya. Klik Lihat untuk kembali ke tampilan hanya-baca dengan pewarnaan sintaks.

Mengapa kode saya menampilkan eror?

Perapi melaporkan eror ketika masukan mengandung sintaks yang tidak bisa diuraikan. Perbaiki masalah sintaks di panel masukan dan kode akan dirapikan ulang secara otomatis.