AnyNotepad Alat Teks Online Gratis
HTML & Kode
Explore all 218+ free online text tools
Semua Alat TeksInspirasi Desain Harian
Perspektif segar dari dunia desain, diperbarui setiap hari
Desain Hari Ini
Setiap pagi, sebuah desain berbeda tampil ke hadapan Anda. Jelajahi material, referensi, dan keputusan kreatif di balik karya unggulan hari ini.
Temukan Desain Hari Ini
Tim Desain Hari Ini
Desain sering dimulai dari kolaborasi. Kenali tim yang keterampilan gabungannya menghasilkan karya yang diakui oleh juri A' Design Award.
Kenali Timnya
Desainer Hari Ini
Di balik setiap desain yang matang berdiri sebuah pemikiran yang disengaja. Jelajahi portofolio, filosofi, dan perjalanan penerima penghargaan A' Design Award yang ditampilkan hari ini.
Lihat Visi Mereka
Legenda Desain Hari Ini
Dedikasi selama puluhan tahun mendefinisikan sebuah karya hidup. Jelajahi kontribusi seumur hidup dan pengaruh abadi dari desainer unggulan hari ini.
Hormati Warisan Mereka
Wawancara Desain Hari Ini
Percakapan mengungkapkan apa yang tidak bisa ditunjukkan portofolio. Dengarkan desainer unggulan hari ini berbagi wawasan, titik balik, dan pelajaran berharga.
Baca Wawancaranya
Sorotan Hari Ini
Momen-momen yang patut diperhatikan dari dunia desain. Dari pembukaan pameran hingga peluncuran proyek, ikuti peristiwa-peristiwa yang menandai kemajuan kreatif.
Lihat Sorotan Hari Ini
Ide Desain Hari Ini
Setiap produk dimulai sebagai sebuah pemikiran. Jelajahi konsep hari ini — sebuah visi yang masih mencari bentuk, sebuah proposal yang menunggu kondisi yang tepat untuk terwujud.
Jelajahi Idenya
Merek Desain Hari Ini
Di balik setiap produk terdapat organisasi dengan sudut pandang tertentu. Jelajahi prinsip dan proses yang mendefinisikan merek unggulan hari ini.
Temukan Mereknya
Tren Desain Hari Ini
Pola muncul ketika Anda memperhatikan. Ikuti gerakan unggulan hari ini — sebuah material, palet, atau pendekatan yang mendapatkan momentum di berbagai disiplin.
Jelajahi TrennyaHapus Tag HTML
Menghapus semua tag HTML dari teks Anda, hanya menyisakan konten teks yang terlihat. Menghapus setiap tag
termasuk <p>, <div>, <a>, <span>,
dan style inline. Sempurna untuk mengekstrak teks bersih dari halaman web, email HTML, konten CMS, dan sumber
apa pun di mana Anda membutuhkan teks polos tanpa markup.
<h1>Hello</h1><p>This is <strong>bold</strong> text.</p>
↓
Hello This is bold text.
Escape HTML
Mengonversi karakter khusus HTML ke padanan entitas yang aman: < menjadi
<, > menjadi >, & menjadi
&, dan tanda kutip menjadi ". Penting untuk menampilkan cuplikan kode dalam
HTML, mencegah serangan XSS, dan menyematkan input pengguna dengan aman di halaman web.
<script>alert("XSS")</script>
↓
<script>alert("XSS")</script>
Unescape HTML
Mengonversi entitas HTML kembali ke karakter aslinya: < menjadi
<, > menjadi >, & menjadi
&. Kebalikan dari Escape HTML — gunakan untuk mengembalikan HTML yang di-escape menjadi markup yang berfungsi,
atau untuk membaca konten yang dienkode entitas dalam bentuk aslinya.
<h1>Hello & Welcome</h1>
↓
<h1>Hello & Welcome</h1>
Hapus CSS
Menghapus semua kode CSS dari teks Anda — termasuk blok <style>, atribut inline
style="...", dan atribut class/id. Membersihkan HTML
yang disalin dari halaman web atau template email, hanya menyisakan markup struktural dan konten teks tanpa
informasi styling apa pun.
<p style="color:red; font-size:14px;">Hello World</p>
↓
<p>Hello World</p>
Hapus Markdown
Menghapus semua sintaks Markdown dari teks Anda — heading (#), tebal (**), miring (*), tautan ([]()), gambar, blok kode, blockquote (>), garis horizontal, dan penanda daftar. Menyisakan teks polos yang bersih dan dapat dibaca. Ideal untuk mengekstrak konten dari file .md, dokumen README, atau konten CMS yang disimpan dalam format Markdown.
# Hello **World**
This is a [link](https://example.com) and `inline code`.
↓
Hello World
This is a link and inline code.
Hapus Komentar Kode
Menghapus semua format komentar kode umum dari teks Anda: komentar satu baris (//),
komentar multi-baris (/* ... */), komentar HTML (<!-- ... -->), dan komentar hash
(#). Berguna untuk meminifikasi kode, membersihkan file konfigurasi, atau mengekstrak hanya baris
fungsional dari kode sumber.
var x = 5; // set x
/* This is
a comment */
var y = 10;
↓
var x = 5;
var y = 10;
Pemformat JSON (Pretty Print)
Mengambil JSON yang padat atau diminifikasi dan memformatnya dengan indentasi dan jeda baris yang tepat agar dapat dibaca manusia. Setiap level bersarang diindentasi dengan 2 spasi. Memvalidasi sintaks JSON dan melaporkan kesalahan jika input cacat. Alat andalan untuk memeriksa respons API, men-debug struktur data, dan meninjau file konfigurasi.
{"name":"Alice","age":30,"city":"Paris"}
↓
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
Minifikasi JSON
Mengompresi JSON yang diformat menjadi satu baris tanpa spasi yang tidak perlu. Menghapus semua indentasi, jeda baris, dan spasi ekstra sambil mempertahankan struktur data. Mengurangi ukuran file untuk payload API, penyimpanan konfigurasi, dan transmisi jaringan. Kebalikan dari Pemformat JSON.
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
↓
{"name":"Alice","age":30,"city":"Paris"}
CSV ke JSON
Mengonversi data CSV menjadi array JSON berisi objek. Baris pertama digunakan sebagai nama properti (kunci), dan setiap baris berikutnya menjadi objek. Menangani field bertanda kutip, koma dalam kutipan, dan kasus edge CSV umum. Penting untuk mengimpor data spreadsheet ke aplikasi web, API, dan program JavaScript.
name,age,city
Alice,30,Paris
Bob,25,London
↓
[
{"name":"Alice","age":"30","city":"Paris"},
{"name":"Bob","age":"25","city":"London"}
]
JSON ke CSV
Mengonversi array JSON berisi objek menjadi format CSV. Secara otomatis mengekstrak semua nama properti sebagai baris header dan memetakan nilai setiap objek ke kolom yang sesuai. Menangani nilai bersarang dengan mengubahnya menjadi string. Kebalikan dari CSV ke JSON — sempurna untuk mengekspor data API ke spreadsheet.
[{"name":"Alice","age":30},{"name":"Bob","age":25}]
↓
name,age
Alice,30
Bob,25
CSV ke Tabel Markdown
Mengonversi data CSV atau TSV menjadi tabel Markdown yang diformat dengan kolom yang rata, pemisah header, dan pembatas pipa. Baris pertama menjadi header tabel. Siap ditempel ke README GitHub, dokumentasi, Notion, Jira, Confluence, atau platform apa pun yang kompatibel dengan Markdown.
name,age,city
Alice,30,Paris
Bob,25,London
↓
| name | age | city |
| ----- | --- | ------ |
| Alice | 30 | Paris |
| Bob | 25 | London |
Baris ke Array JSON
Mengonversi daftar nilai (satu per baris) menjadi array JSON dengan deteksi tipe otomatis. Angka menjadi angka JSON, “true”/“false” menjadi boolean, “null” menjadi null, dan lainnya menjadi string bertanda kutip. Baris kosong dilewati. Sempurna untuk membuat array JSON dengan cepat dari daftar sederhana.
apple
42
true
banana
null
↓
["apple", 42, true, "banana", null]
Hapus Komentar PHP
Menghapus semua komentar bergaya PHP dari kode Anda, termasuk komentar satu baris //,
komentar hash #, dan komentar blok multi-baris /* ... */. Secara cerdas mempertahankan
URL yang mengandung :// dan kode warna hex seperti #ff6600. Sempurna untuk membersihkan
file sumber sebelum deployment atau mengurangi ukuran file.
$name = "World"; // user name
/* Say hello */
echo "Hello $name"; # output
↓
$name = "World";
echo "Hello $name";
Hapus Komentar Python
Menghapus semua komentar Python dari kode Anda, termasuk komentar satu baris #
dan docstring multi-baris ("""...""" dan '''...'''). Menghormati string yang mengandung
karakter hash dan mempertahankan baris shebang (#!/usr/bin/env python). Ideal untuk menyiapkan
kode produksi atau mengurangi ukuran skrip.
"""Module docstring"""
name = "World" # user name
# Print greeting
print(f"Hello {name}")
↓
name = "World"
print(f"Hello {name}")
Hapus Komentar HTML
Menghapus semua blok komentar HTML (<!-- ... -->) dari markup Anda.
Menghapus komentar satu baris maupun multi-baris, termasuk komentar kondisional dan anotasi editor.
Cocok untuk membersihkan HTML sebelum produksi, mengurangi ukuran halaman, atau menghapus catatan pengembang dari
kode yang menghadap publik.
<div>
<!-- Navigation section -->
<nav>Menu</nav>
<!-- TODO: fix later -->
</div>
↓
<div>
<nav>Menu</nav>
</div>
Escape String JavaScript
Meng-escape teks Anda untuk penggunaan aman di dalam literal string JavaScript. Mengonversi backslash,
tanda kutip tunggal, tanda kutip ganda, baris baru, carriage return, tab, dan karakter null menjadi padanan
escape-nya (\\, \', \", \n, \r,
\t, \0). Hasilnya dibungkus dalam tanda kutip tunggal, siap ditempel langsung ke
kode sumber JS Anda.
He said "it's done"
on two lines.
↓
'He said \"it\'s done\"\non two lines.'
Escape String Python
Meng-escape teks Anda untuk penggunaan aman di dalam literal string Python. Untuk teks satu baris, meng-escape
backslash, tanda kutip, baris baru, carriage return, dan tab, membungkus hasilnya dalam tanda kutip tunggal. Untuk
teks multi-baris, secara otomatis menggunakan string tanda kutip tiga ("""...""") untuk
mempertahankan jeda baris secara alami. Siap ditempel langsung ke kode sumber Python Anda.
Hello "World"
Second line here
↓
"""Hello "World"
Second line here"""
Escape String Java
Meng-escape teks Anda untuk penggunaan aman di dalam literal string Java. Mengonversi backslash, tanda kutip ganda,
baris baru, carriage return, dan tab menjadi urutan escape Java-nya (\\, \",
\n, \r, \t). Hasilnya dibungkus dalam tanda kutip ganda, siap ditempel
ke file sumber Java, Kotlin, Scala, atau bahasa JVM apa pun. Juga berfungsi untuk literal string C# dan C++.
Path: C:\Users\"Admin"
Next line
↓
"Path: C:\\Users\\\"Admin\"\nNext line"
Escape Regex
Meng-escape semua metakarakter ekspresi reguler dalam teks Anda sehingga dapat digunakan sebagai
string pencarian literal di dalam pola regex. Menambahkan backslash sebelum . * + ? ^ $ { } ( ) | [ ] \.
Penting ketika Anda perlu mencocokkan teks yang mengandung karakter regex khusus—seperti mencari
$price, file.txt, atau (optional) secara literal di mesin regex.
Price is $19.99 (USD) [sale]
↓
Price is \$19\.99 \(USD\) \[sale\]
Penjelasan Crontab
Menerjemahkan ekspresi jadwal cron ke dalam bahasa yang mudah dipahami. Masukkan ekspresi cron 5 field apa pun
(menit, jam, hari-dalam-bulan, bulan, hari-dalam-minggu) dan dapatkan penjelasan yang mudah dibaca untuk setiap field, termasuk
rentang, langkah, dan daftar. Juga mendukung pintasan seperti @daily, @weekly,
@hourly, dan @monthly. Menjelaskan jadwal lengkap dalam bahasa alami.
30 2 * * 1-5
↓
minute: 30 → menit: 30
hour: 2 → jam: 2
day-of-week: 1-5 → Senin sampai Jumat
➡ Berjalan setiap hari pukul 02:30, Senin–Jumat
Kalkulator Chmod
Mengonversi antara format izin file Unix oktal dan simbolik. Masukkan nilai oktal seperti
755 atau string simbolik seperti rwxr-xr-x dan dapatkan kedua representasi, ditambah
rincian detail izin pemilik, grup, dan lainnya (baca, tulis, eksekusi). Juga menghasilkan
perintah chmod yang siap pakai. Proses beberapa nilai sekaligus, satu per baris.
755
↓
Oktal: 755 Simbolik: rwxr-xr-x
Pemilik: rwx (baca, tulis, eksekusi)
Grup: r-x (baca, eksekusi)
Lainnya: r-x (baca, eksekusi)
Penggunaan: chmod 755 namafile
Pemformat Variabel Env
Membersihkan dan menstandarkan file variabel lingkungan (.env). Mengonversi semua
kunci ke UPPER_SNAKE_CASE, menyejajarkan tanda sama dengan untuk keterbacaan, dan secara otomatis membungkus nilai
yang mengandung spasi, tanda kutip, atau karakter khusus dalam tanda kutip ganda. Mempertahankan komentar dan baris kosong.
Sempurna untuk merapikan file .env yang berantakan di proyek Docker, Laravel, Node.js, atau aplikasi 12-factor lainnya.
database-host=localhost
App Name=My Cool App
# comment
api_key=abc123
↓
DATABASE_HOST=localhost
APP_NAME ="My Cool App"
# comment
API_KEY =abc123
Minifikasi CSS
Mengompresi kode CSS Anda dengan menghapus komentar, menciutkan spasi kosong, menghilangkan spasi yang tidak perlu di sekitar selektor, properti, dan nilai, serta menghapus titik koma terakhir sebelum kurung kurawal penutup. Menampilkan ringkasan detail dengan ukuran asli, ukuran setelah diminifikasi, dan byte yang dihemat beserta persentasenya. Ideal untuk mengoptimalkan stylesheet untuk produksi, mengurangi waktu muat halaman, dan memperkecil ukuran file CSS.
/* Main styles */
.header {
color: #333;
margin: 0;
}
↓
.header{color:#333;margin:0}
(Hemat 42 byte, 58,3%)
Minifikasi HTML
Mengompresi markup HTML Anda dengan menghapus komentar, menciutkan spasi kosong antar tag, dan mengurangi spasi berlebih menjadi satu spasi. Menampilkan ringkasan detail dengan ukuran asli, ukuran setelah diminifikasi, dan byte yang dihemat beserta persentasenya. Bagus untuk mengurangi ukuran payload HTML, mempercepat pengiriman halaman, dan menyiapkan markup untuk deployment produksi.
<!-- Header -->
<div>
<h1> Hello </h1>
<p> World </p>
</div>
↓
<div><h1> Hello </h1><p> World </p></div>
(Hemat 35 byte, 46,7%)
Pemformat XML
Merapikan tampilan markup XML dengan indentasi yang tepat (2 spasi per level). Menguraikan tag pembuka, tag penutup, tag self-closing, instruksi pemrosesan, dan konten teks, kemudian menyusun ulang dokumen dengan sarang yang bersih dan mudah dibaca. Menangani XML yang diminifikasi atau berformat buruk. Sempurna untuk debugging respons API, memeriksa file konfigurasi, pesan SOAP, atau data XML apa pun.
<root><item><name>Test</name><value>42</value></item></root>
↓
<root>
<item>
<name>Test</name>
<value>42</value>
</item>
</root>
Minifikasi XML
Mengompresi markup XML Anda dengan menghapus komentar dan menciutkan semua spasi kosong antar tag. Menampilkan ringkasan detail dengan ukuran asli, ukuran setelah diminifikasi, dan byte yang dihemat beserta persentasenya. Ideal untuk mengurangi ukuran payload XML dalam permintaan API, memperkecil file konfigurasi, mengoptimalkan pesan SOAP, atau menyiapkan data XML untuk lingkungan dengan bandwidth terbatas.
<!-- Config -->
<root>
<item>Hello</item>
<item>World</item>
</root>
↓
<root><item>Hello</item><item>World</item></root>
(Hemat 38 byte, 44,2%)
JSON ke YAML
Mengonversi data JSON ke format YAML. Menangani objek bersarang, array, string (dengan penandaan kutip yang tepat untuk karakter khusus), angka, boolean, dan nilai null. Menghasilkan YAML yang bersih dan terindentasi dengan indentasi 2 spasi. Sempurna untuk mengonversi respons API menjadi konfigurasi Kubernetes, file Docker Compose, playbook Ansible, alur kerja GitHub Actions, atau konteks apa pun yang lebih memilih YAML daripada JSON.
{"name": "John", "age": 30, "hobbies": ["reading", "coding"]}
↓
name: John
age: 30
hobbies:
- reading
- coding
YAML ke JSON
Mengonversi data YAML ke format JSON. Menguraikan pasangan kunci-nilai, peta bersarang, daftar (dengan
item -), skalar, boolean, angka, dan nilai null. Melewati komentar dan penanda dokumen
(---, ...). Menghasilkan JSON yang bersih dan rapi dengan indentasi 2 spasi. Ideal
untuk mengonversi konfigurasi Kubernetes, file Docker Compose, atau pipeline CI/CD menjadi JSON untuk API atau validasi.
name: John
age: 30
hobbies:
- reading
- coding
↓
{
"name": "John",
"age": 30,
"hobbies": ["reading", "coding"]
}
Markdown ke HTML
Mengonversi teks Markdown menjadi markup HTML. Mendukung heading (#–######),
tebal, miring, tebal-miring, coret, tautan, gambar, blok kode dengan kelas bahasa, kode inline,
blockquote, daftar tak berurutan, garis horizontal, dan paragraf. Sempurna untuk melihat pratinjau konten Markdown,
menghasilkan HTML untuk platform CMS, buletin email, atau generator situs statis.
# Hello
This is **bold** and *italic*.
- Item one
- Item two
↓
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul><li>Item one</li><li>Item two</li></ul>
HTML ke Markdown
Mengonversi markup HTML menjadi teks Markdown yang bersih. Mengubah heading, tebal, miring, coret, tautan, gambar, blok kode, kode inline, blockquote, daftar, garis horizontal, dan jeda baris menjadi padanan Markdown-nya. Menghapus tag HTML yang tersisa dan mendekode entitas. Ideal untuk memigrasikan konten dari situs web ke sistem berbasis Markdown seperti GitHub, Jekyll, Hugo, atau Notion.
<h1>Hello</h1><p>This is <strong>bold</strong> and <a href="https://example.com">a link</a>.</p>
↓
# Hello
This is **bold** and [a link](https://example.com).
Pemformat SQL
Merapikan tampilan kueri SQL dengan pemformatan dan indentasi yang tepat. Mengubah kata kunci SQL menjadi huruf besar
(SELECT, FROM, WHERE, JOIN, dll.), menempatkan klausa utama
pada baris baru, mengindentasi daftar kolom dan kondisi, serta memisahkan AND/OR ke baris
terpisah. Mendukung pernyataan SELECT, INSERT, UPDATE, DELETE, CREATE, dan ALTER. Membuat kueri kompleks mudah dibaca
dan mudah di-debug.
select id, name, email from users where active = 1 and role = 'admin' order by name
↓
SELECT id,
name,
email
FROM users
WHERE active = 1
AND role = 'admin'
ORDER BY name
Parser Query String
Menguraikan query string URL menjadi tabel pasangan kunci-nilai yang bersih dan mudah dibaca. Menerima URL lengkap
(misalnya, https://example.com/page?key=value&foo=bar) atau hanya bagian query-nya
(?key=value&foo=bar). Secara otomatis melakukan URL-decode pada semua kunci dan nilai, mengonversi
+ menjadi spasi, dan juga menghasilkan parameter sebagai objek JSON untuk kemudahan
penggunaan dalam kode.
https://shop.com/search?q=red+shoes&category=footwear&page=2
↓
q = red shoes
category = footwear
page = 2
+ objek JSON
Dekoder JWT
Mendekode JSON Web Token (JWT) dan menampilkan header, payload, dan tanda tangan dalam format
yang mudah dibaca. Secara otomatis menguraikan klaim terdaftar seperti iss (penerbit), sub (subjek),
exp (kedaluwarsa), dan iat (diterbitkan pada), mengonversi timestamp ke tanggal yang mudah dibaca.
Menampilkan apakah token telah kedaluwarsa atau masih valid. Berjalan sepenuhnya di sisi klien—token
Anda tidak pernah dikirim ke server mana pun.
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKx...
↓
HEADER: {"alg": "HS256", "typ": "JWT"}
PAYLOAD: {"sub": "1234567890", "name": "John Doe", "iat": 1516239022}
Diterbitkan Pada: 2018-01-18T01:30:22Z