Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Editor Diagram ASCII

Editor Diagram ASCII

Buat diagram dan flowchart menggunakan karakter ASCII dan Unicode box-drawing dengan kanvas grid interaktif.

Apa itu Editor Diagram ASCII?

Editor Diagram ASCII adalah alat interaktif untuk membuat diagram, flowchart, dan ilustrasi menggunakan karakter teks biasa. Mendukung karakter ASCII tradisional (+, -, |) dan karakter Unicode box-drawing (, , , ) untuk visual yang lebih bersih.

Diagram berbasis teks banyak digunakan dalam dokumentasi, komentar kode, file README, dan spesifikasi teknis karena berfungsi di mana saja — tidak perlu perangkat lunak khusus atau penampil gambar.

Mengapa Menggunakan Diagram Teks?

Kompatibilitas Universal

Ditampilkan dengan benar di editor teks, terminal, atau penampil kode apa pun tanpa perangkat lunak khusus

Ramah Kontrol Versi

Diff dan merge berfungsi secara alami dengan teks biasa, sempurna untuk alur kerja Git

Ringan

Tidak ada file gambar untuk dikelola, dihosting, atau khawatir tentang tautan yang rusak

Siap Salin-Tempel

Bagikan diagram secara instan di email, chat, atau dokumentasi

Cara Menggunakan

Alat Gambar

Pilih alat gambar dari toolbar atau gunakan pintasan keyboard untuk akses cepat:

Kotak (B)

Klik dan seret untuk menggambar persegi panjang dengan sudut dan tepi yang tepat

Garis (L)

Gambar garis horizontal atau vertikal dengan menyeret

Panah (A)

Gambar garis dengan kepala panah berarah di titik akhir

Teks (T)

Klik di mana saja di kanvas dan mulai ketik label

Penghapus (E)

Klik atau seret untuk menghapus karakter dari kanvas

Pilih (V)

Pilih wilayah untuk memindahkan, menyalin, atau menghapusnya

Set Karakter

Beralih antara dua gaya karakter menggunakan tombol charset:

ASCII

Karakter Dasar

Menggunakan karakter klasik: +--+, |, >, <

  • Berfungsi di mana saja
  • Kompatibilitas maksimal
  • Aman untuk terminal
Unicode

Karakter Box-Drawing

Menggunakan karakter khusus: ┌──┐, , ,

  • Tampilan lebih bersih
  • Terlihat profesional
  • Memerlukan dukungan Unicode

Bekerja dengan Pilihan

Gunakan alat Pilih untuk berinteraksi dengan konten yang ada:

1

Aktifkan Alat Pilih

Tekan V atau klik tombol Pilih di toolbar

2

Buat Pilihan

Klik dan seret untuk membuat area pilihan di sekitar konten Anda

3

Pindahkan atau Edit

Seret area yang dipilih untuk memindahkannya, tekan Delete untuk menghapus, atau Ctrl+C untuk menyalin

Mengekspor Diagram Anda

Ketika diagram Anda siap, pilih metode ekspor Anda:

  • Salin — menyalin seluruh konten kanvas ke papan klip Anda untuk ditempel segera
  • Ekspor — mengunduh diagram Anda sebagai file .txt untuk disimpan atau dibagikan
Tip Pro: Kedua opsi ekspor secara otomatis memangkas spasi putih di akhir untuk output yang bersih dan profesional.

Fitur

Alat Gambar

Enam alat khusus mencakup semua kebutuhan diagram umum. Gambar kotak untuk kontainer, garis untuk koneksi, panah untuk arah, dan tambahkan label teks — semuanya dengan pratinjau langsung saat Anda menyeret.

Set Karakter Ganda

Beralih antara karakter ASCII dan Unicode box-drawing kapan saja. Mode ASCII menggunakan karakter klasik yang kompatibel dengan sistem apa pun, sementara mode Unicode menghasilkan diagram yang lebih bersih dan lebih halus.

Pilih dan Pindahkan

Alat Pilih memungkinkan Anda mengambil bagian diagram dan memposisikan ulang. Pilih wilayah, lalu seret ke lokasi baru. Anda juga dapat menghapus atau menyalin konten yang dipilih.

Riwayat Batalkan/Ulangi Lengkap

Setiap perubahan dilacak dengan hingga 50 status riwayat. Gunakan Ctrl+Z dan Ctrl+Y untuk melangkah melalui riwayat pengeditan Anda.

Kanvas yang Dapat Disesuaikan

Ubah ukuran lebar kanvas dari 20 hingga 200 kolom agar sesuai dengan diagram Anda. Latar belakang grid secara otomatis selaras dengan sel karakter untuk penempatan yang presisi.

Pintasan Keyboard

Pengalihan alat cepat dengan pintasan satu tombol: V (Pilih), B (Kotak), L (Garis), A (Panah), T (Teks), E (Penghapus). Dikombinasikan dengan pintasan Ctrl untuk batalkan, ulangi, dan salin.

Opsi Ekspor

Salin diagram Anda ke papan klip untuk ditempel segera, atau unduh sebagai file teks biasa. Spasi putih di akhir secara otomatis dipangkas untuk output yang bersih.

Data Anda Tetap Pribadi

Semua gambar terjadi di browser Anda. Tidak ada unggahan — diagram Anda tidak pernah meninggalkan perangkat Anda. Tidak ada pelacakan — kami tidak mengumpulkan data penggunaan.
Privasi Pertama: Alat ini berjalan sepenuhnya di browser Anda. Diagram Anda tidak pernah diunggah ke server apa pun, memastikan privasi dan keamanan lengkap.

Pertanyaan yang Sering Diajukan

Apa perbedaan antara mode ASCII dan Unicode?

Mode ASCII menggunakan karakter dasar seperti +, -, | yang berfungsi di setiap lingkungan teks. Mode Unicode menggunakan karakter box-drawing khusus seperti , , yang menghasilkan diagram yang terlihat lebih bersih tetapi memerlukan dukungan Unicode di penampil.

Gunakan ASCII ketika: Kompatibilitas maksimal diperlukan (terminal, sistem warisan, email teks biasa)

Gunakan Unicode ketika: Anda menginginkan diagram yang terlihat profesional dalam dokumentasi modern

Bisakah saya beralih set karakter setelah menggambar?

Ya, tetapi beralih hanya mempengaruhi gambar baru. Karakter yang ada di kanvas tetap tidak berubah. Ini memungkinkan Anda untuk mencampur kedua gaya dalam satu diagram jika diperlukan.

Tip: Anda dapat membuat diagram hibrida dengan menggambar struktur utama dalam Unicode untuk garis yang bersih, kemudian menambahkan anotasi ASCII untuk kompatibilitas maksimal.

Berapa ukuran kanvas maksimum?

Kanvas mendukung:

  • Lebar: 20 hingga 200 kolom
  • Tinggi: 10 hingga 100 baris
  • Ukuran default: 100 kolom × 30 baris

Ukuran default berfungsi baik untuk sebagian besar diagram dan pas dengan nyaman dalam dokumentasi tanpa pengguliran horizontal.

Bagaimana cara memindahkan bagian diagram?

  1. Beralih ke alat Pilih dengan menekan V
  2. Seret untuk membuat pilihan di sekitar area yang ingin Anda pindahkan
  3. Seret konten yang dipilih ke posisi baru
  4. Klik di luar pilihan untuk membatalkan pilihan

Anda juga dapat menekan Delete untuk menghapus konten yang dipilih atau Ctrl+C untuk menyalinnya ke papan klip Anda.

Bisakah saya membatalkan perubahan saya?

Ya, editor mendukung fungsionalitas batalkan dan ulangi lengkap:

  • Tekan Ctrl+Z untuk membatalkan tindakan terakhir Anda
  • Tekan Ctrl+Y untuk mengulangi tindakan yang dibatalkan
  • Hingga 50 status riwayat disimpan

Setiap tindakan gambar, input teks, dan penghapusan dilacak, memberikan Anda kontrol penuh atas riwayat pengeditan Anda.

Bagaimana cara mengekspor diagram saya?

Anda memiliki dua opsi ekspor:

Salin

Ekspor Papan Klip

  • Klik tombol Salin
  • Diagram disalin ke papan klip
  • Tempel langsung ke dokumen
Ekspor

Unduh File

  • Klik tombol Ekspor
  • Mengunduh sebagai file .txt
  • Simpan untuk nanti atau bagikan

Kedua opsi secara otomatis memangkas spasi putih di akhir untuk output yang bersih dan profesional.

Apakah alat ini berfungsi di perangkat mobile?

Ya, editor mendukung input sentuh untuk menggambar. Namun, untuk pengalaman terbaik dengan penempatan karakter yang presisi, browser desktop dengan mouse atau trackpad direkomendasikan.

Keterbatasan mobile: Pilihan berbasis sentuh dan penempatan karakter yang presisi dapat menantang di layar kecil. Untuk diagram yang kompleks, kami merekomendasikan menggunakan perangkat desktop.
100 × 30

                
Baris: 0   Kol: 0
Alat: Box
Tekan B untuk Kotak, L untuk Garis, A untuk Panah, T untuk Teks, E untuk Penghapus
Gunakan Ctrl+Z untuk batalkan dan Ctrl+Y untuk ulangi
Beralih antara set karakter ASCII dan Unicode untuk gaya berbeda
Gunakan alat Pilih (V) untuk menyeret dan memindahkan bagian diagram Anda
Tekan Ctrl+C dengan pilihan untuk menyalin hanya wilayah tersebut
Semua gambar dilakukan secara lokal di browser Anda - tidak ada yang diunggah
Ingin belajar lebih banyak? Baca dokumentasi →
1/7
Tidak menemukan? Buat alat sendiri dengan AI
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda