AnyNotepad Công Cụ Văn Bản Trực Tuyến Miễn Phí
HTML & Mã Nguồn
Explore all 218+ free online text tools
Tất Cả Công Cụ Văn BảnCảm hứng Thiết kế Mỗi ngày
Những góc nhìn mới mẻ từ thế giới thiết kế, cập nhật hàng ngày
Thiết kế trong Ngày
Mỗi buổi sáng, một thiết kế khác nhau xuất hiện. Khám phá chất liệu, tài liệu tham khảo, và các quyết định sáng tạo đằng sau tác phẩm nổi bật hôm nay.
Khám phá Thiết kế Hôm nay
Nhóm Thiết kế trong Ngày
Thiết kế thường bắt đầu từ sự hợp tác. Gặp gỡ nhóm có kỹ năng kết hợp đã tạo ra tác phẩm được ban giám khảo A' Design Award công nhận.
Gặp gỡ Nhóm
Nhà Thiết kế trong Ngày
Đằng sau mỗi thiết kế được cân nhắc kỹ lưỡng là một tư duy có chủ đích. Khám phá danh mục, triết lý và hành trình của người đoạt giải A' Design Award nổi bật hôm nay.
Xem Tầm nhìn của Họ
Huyền thoại Thiết kế trong Ngày
Hàng thập kỷ cống hiến định hình nên một sự nghiệp. Khám phá những đóng góp trọn đời và ảnh hưởng lâu dài của nhà thiết kế nổi bật hôm nay.
Tôn vinh Di sản của Họ
Phỏng vấn Thiết kế trong Ngày
Những cuộc trò chuyện tiết lộ điều mà danh mục không thể. Lắng nghe nhà thiết kế nổi bật hôm nay chia sẻ những hiểu biết sâu sắc, bước ngoặt và bài học khó khăn.
Đọc Bài Phỏng vấn
Điểm nhấn trong Ngày
Những khoảnh khắc đáng chú ý từ thế giới thiết kế. Từ khai mạc triển lãm đến ra mắt dự án, theo dõi các sự kiện đánh dấu tiến bộ sáng tạo.
Xem Điểm nhấn Hôm nay
Ý tưởng Thiết kế trong Ngày
Mỗi sản phẩm bắt đầu từ một suy nghĩ. Khám phá ý tưởng hôm nay — một tầm nhìn vẫn đang tìm kiếm hình dạng, một đề xuất đang chờ đợi điều kiện thích hợp để thành hình.
Khám phá Ý tưởng
Thương hiệu Thiết kế trong Ngày
Đằng sau mỗi sản phẩm là một tổ chức với góc nhìn riêng. Khám phá các nguyên tắc và quy trình định hình thương hiệu nổi bật hôm nay.
Khám phá Thương hiệu
Xu hướng Thiết kế trong Ngày
Các mô hình xuất hiện khi bạn chú ý quan sát. Theo dõi phong trào nổi bật hôm nay — một chất liệu, bảng màu, hoặc cách tiếp cận đang thu hút sự quan tâm xuyên suốt các lĩnh vực.
Khám phá Xu hướngXóa Thẻ HTML
Loại bỏ tất cả thẻ HTML khỏi văn bản, chỉ để lại nội dung văn bản hiển thị. Xóa mọi thẻ
bao gồm <p>, <div>, <a>, <span>,
và kiểu nội tuyến. Hoàn hảo để trích xuất văn bản sạch từ trang web, email HTML, nội dung CMS, và bất kỳ
nguồn nào bạn cần văn bản thuần mà không có đánh dấu.
<h1>Hello</h1><p>This is <strong>bold</strong> text.</p>
↓
Hello This is bold text.
Thoát HTML
Chuyển đổi các ký tự đặc biệt HTML thành thực thể tương đương an toàn: < trở thành
<, > trở thành >, & trở thành
&, và dấu ngoặc kép trở thành ". Thiết yếu để hiển thị đoạn mã trong
HTML, ngăn chặn tấn công XSS, và nhúng an toàn đầu vào người dùng trong trang web.
<script>alert("XSS")</script>
↓
<script>alert("XSS")</script>
Bỏ Thoát HTML
Chuyển đổi các thực thể HTML trở lại ký tự gốc: < trở thành
<, > trở thành >, & trở thành
&. Đây là phép ngược của Thoát HTML — sử dụng để khôi phục HTML đã thoát thành đánh dấu hoạt động,
hoặc để đọc nội dung mã hóa thực thể ở dạng tự nhiên.
<h1>Hello & Welcome</h1>
↓
<h1>Hello & Welcome</h1>
Loại Bỏ CSS
Xóa tất cả mã CSS khỏi văn bản — bao gồm khối <style>, thuộc tính nội tuyến
style="...", và thuộc tính class/id. Làm sạch HTML
được sao chép từ trang web hoặc mẫu email, chỉ để lại đánh dấu cấu trúc và nội dung văn bản mà không có
bất kỳ thông tin kiểu dáng nào.
<p style="color:red; font-size:14px;">Hello World</p>
↓
<p>Hello World</p>
Xóa Markdown
Loại bỏ tất cả cú pháp Markdown khỏi văn bản — tiêu đề (#), in đậm (**), in nghiêng (*), liên kết ([]()), hình ảnh, khối mã, trích dẫn (>), đường kẻ ngang, và ký hiệu danh sách. Để lại văn bản thuần sạch, dễ đọc. Lý tưởng để trích xuất nội dung từ tệp .md, tài liệu README, hoặc nội dung CMS lưu trữ ở định dạng Markdown.
# Hello **World**
This is a [link](https://example.com) and `inline code`.
↓
Hello World
This is a link and inline code.
Xóa Chú Thích Mã
Loại bỏ tất cả định dạng chú thích mã phổ biến khỏi văn bản: chú thích một dòng (//),
chú thích nhiều dòng (/* ... */), chú thích HTML (<!-- ... -->), và chú thích dấu thăng
(#). Hữu ích để rút gọn mã, làm sạch tệp cấu hình, hoặc chỉ trích xuất các dòng chức năng
từ mã nguồn.
var x = 5; // set x
/* This is
a comment */
var y = 10;
↓
var x = 5;
var y = 10;
Định Dạng JSON (In Đẹp)
Lấy JSON thu gọn hoặc rút gọn và định dạng với thụt dòng và ngắt dòng phù hợp để con người dễ đọc. Mỗi cấp lồng nhau được thụt vào 2 dấu cách. Xác thực cú pháp JSON và báo lỗi nếu đầu vào sai định dạng. Công cụ không thể thiếu để kiểm tra phản hồi API, gỡ lỗi cấu trúc dữ liệu, và xem xét tệp cấu hình.
{"name":"Alice","age":30,"city":"Paris"}
↓
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
Rút Gọn JSON
Nén JSON đã định dạng thành một dòng duy nhất không có khoảng trắng thừa. Xóa tất cả thụt dòng, ngắt dòng, và dấu cách dư thừa trong khi vẫn giữ nguyên cấu trúc dữ liệu. Giảm kích thước tệp cho payload API, lưu trữ cấu hình, và truyền mạng. Đây là phép ngược của Định dạng JSON.
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
↓
{"name":"Alice","age":30,"city":"Paris"}
CSV sang JSON
Chuyển đổi dữ liệu CSV thành mảng JSON gồm các đối tượng. Dòng đầu tiên được sử dụng làm tên thuộc tính (khóa), và mỗi dòng tiếp theo trở thành một đối tượng. Xử lý trường có dấu ngoặc kép, dấu phẩy trong ngoặc kép, và các trường hợp đặc biệt CSV phổ biến. Thiết yếu để nhập dữ liệu bảng tính vào ứng dụng web, API, và chương trình JavaScript.
name,age,city
Alice,30,Paris
Bob,25,London
↓
[
{"name":"Alice","age":"30","city":"Paris"},
{"name":"Bob","age":"25","city":"London"}
]
JSON sang CSV
Chuyển đổi mảng JSON gồm các đối tượng thành định dạng CSV. Tự động trích xuất tất cả tên thuộc tính làm dòng tiêu đề và ánh xạ giá trị của mỗi đối tượng vào các cột tương ứng. Xử lý giá trị lồng nhau bằng cách chuyển thành chuỗi. Đây là phép ngược của CSV sang JSON — hoàn hảo để xuất dữ liệu API sang bảng tính.
[{"name":"Alice","age":30},{"name":"Bob","age":25}]
↓
name,age
Alice,30
Bob,25
CSV sang Bảng Markdown
Chuyển đổi dữ liệu CSV hoặc TSV thành bảng Markdown đã định dạng với các cột căn chỉnh đúng, dấu phân cách tiêu đề, và ký hiệu đường ống. Dòng đầu tiên trở thành tiêu đề bảng. Sẵn sàng dán vào GitHub README, tài liệu, Notion, Jira, Confluence, hoặc bất kỳ nền tảng tương thích Markdown nào.
name,age,city
Alice,30,Paris
Bob,25,London
↓
| name | age | city |
| ----- | --- | ------ |
| Alice | 30 | Paris |
| Bob | 25 | London |
Dòng sang Mảng JSON
Chuyển đổi danh sách giá trị (mỗi dòng một giá trị) thành mảng JSON với tự động nhận dạng kiểu dữ liệu. Số trở thành số JSON, “true”/“false” trở thành boolean, “null” trở thành null, và mọi thứ khác trở thành chuỗi có dấu ngoặc kép. Dòng trống được bỏ qua. Hoàn hảo để nhanh chóng tạo mảng JSON từ danh sách đơn giản.
apple
42
true
banana
null
↓
["apple", 42, true, "banana", null]
Xóa Chú Thích PHP
Loại bỏ tất cả chú thích kiểu PHP khỏi mã của bạn, bao gồm chú thích một dòng //,
chú thích dấu thăng #, và chú thích khối nhiều dòng /* ... */. Bảo toàn thông minh
các URL chứa :// và mã màu hex như #ff6600. Hoàn hảo để làm sạch
tệp nguồn trước khi triển khai hoặc giảm kích thước tệp.
$name = "World"; // user name
/* Say hello */
echo "Hello $name"; # output
↓
$name = "World";
echo "Hello $name";
Xóa Chú Thích Python
Loại bỏ tất cả chú thích Python khỏi mã của bạn, bao gồm chú thích một dòng #
và chuỗi tài liệu nhiều dòng ("""...""" và '''...'''). Tôn trọng các chuỗi chứa
ký tự dấu thăng và bảo toàn dòng shebang (#!/usr/bin/env python). Lý tưởng để chuẩn bị
mã sản xuất hoặc giảm kích thước script.
"""Module docstring"""
name = "World" # user name
# Print greeting
print(f"Hello {name}")
↓
name = "World"
print(f"Hello {name}")
Xóa Chú Thích HTML
Loại bỏ tất cả khối chú thích HTML (<!-- ... -->) khỏi markup của bạn.
Xóa cả chú thích một dòng và nhiều dòng, bao gồm chú thích điều kiện và ghi chú biên tập.
Tuyệt vời để làm sạch HTML trước khi triển khai, giảm dung lượng trang, hoặc xóa ghi chú lập trình viên khỏi
mã hiển thị công khai.
<div>
<!-- Navigation section -->
<nav>Menu</nav>
<!-- TODO: fix later -->
</div>
↓
<div>
<nav>Menu</nav>
</div>
Escape Chuỗi JavaScript
Escape văn bản của bạn để sử dụng an toàn bên trong chuỗi ký tự JavaScript. Chuyển đổi dấu gạch chéo ngược,
dấu ngoặc đơn, dấu ngoặc kép, xuống dòng, ký tự về đầu dòng, tab, và ký tự null thành các ký tự
escape tương đương (\\, \', \", \n, \r,
\t, \0). Kết quả được bọc trong dấu ngoặc đơn, sẵn sàng dán trực tiếp vào
mã nguồn JS của bạn.
He said "it's done"
on two lines.
↓
'He said \"it\'s done\"\non two lines.'
Escape Chuỗi Python
Escape văn bản của bạn để sử dụng an toàn bên trong chuỗi ký tự Python. Với văn bản một dòng, escape
dấu gạch chéo ngược, dấu ngoặc, xuống dòng, ký tự về đầu dòng, và tab, bọc kết quả trong dấu ngoặc đơn. Với
văn bản nhiều dòng, tự động sử dụng chuỗi ba dấu ngoặc ("""...""") để
giữ nguyên ngắt dòng tự nhiên. Sẵn sàng dán trực tiếp vào mã nguồn Python của bạn.
Hello "World"
Second line here
↓
"""Hello "World"
Second line here"""
Escape Chuỗi Java
Escape văn bản của bạn để sử dụng an toàn bên trong chuỗi ký tự Java. Chuyển đổi dấu gạch chéo ngược, dấu ngoặc kép,
xuống dòng, ký tự về đầu dòng, và tab thành các chuỗi escape Java (\\, \",
\n, \r, \t). Kết quả được bọc trong dấu ngoặc kép, sẵn sàng dán
vào tệp nguồn Java, Kotlin, Scala, hoặc bất kỳ ngôn ngữ JVM nào. Cũng hoạt động cho chuỗi ký tự C# và C++.
Path: C:\Users\"Admin"
Next line
↓
"Path: C:\\Users\\\"Admin\"\nNext line"
Escape Regex
Escape tất cả ký tự đặc biệt biểu thức chính quy trong văn bản để có thể sử dụng như
chuỗi tìm kiếm theo nghĩa đen bên trong mẫu regex. Thêm dấu gạch chéo ngược trước . * + ? ^ $ { } ( ) | [ ] \.
Thiết yếu khi bạn cần khớp văn bản chứa ký tự regex đặc biệt—như tìm kiếm
$price, file.txt, hoặc (optional) theo nghĩa đen trong bộ máy regex.
Price is $19.99 (USD) [sale]
↓
Price is \$19\.99 \(USD\) \[sale\]
Giải Thích Crontab
Dịch biểu thức lịch trình cron sang ngôn ngữ dễ hiểu. Nhập bất kỳ biểu thức cron 5 trường nào
(phút, giờ, ngày-trong-tháng, tháng, ngày-trong-tuần) và nhận bản phân tích dễ đọc của từng trường, bao gồm
phạm vi, bước nhảy và danh sách. Cũng hỗ trợ các phím tắt như @daily, @weekly,
@hourly và @monthly. Giải thích lịch trình hoàn chỉnh bằng ngôn ngữ tự nhiên.
30 2 * * 1-5
↓
minute: 30 → minute: 30
hour: 2 → hour: 2
day-of-week: 1-5 → Monday through Friday
➡ Runs daily at 02:30, Monday–Friday
Máy Tính Chmod
Chuyển đổi giữa định dạng quyền tệp Unix bát phân và ký hiệu. Nhập giá trị bát phân như
755 hoặc chuỗi ký hiệu như rwxr-xr-x và nhận cả hai dạng biểu diễn, cùng với
bảng phân tích chi tiết quyền chủ sở hữu, nhóm và người khác (đọc, ghi, thực thi). Cũng tạo ra
lệnh chmod sẵn sàng sử dụng. Xử lý nhiều giá trị cùng lúc, mỗi giá trị một dòng.
755
↓
Octal: 755 Symbolic: rwxr-xr-x
Owner: rwx (read, write, execute)
Group: r-x (read, execute)
Others: r-x (read, execute)
Usage: chmod 755 filename
Định Dạng Biến Môi Trường
Dọn dẹp và chuẩn hóa tệp biến môi trường (.env). Chuyển đổi tất cả
khóa sang UPPER_SNAKE_CASE, căn chỉnh dấu bằng cho dễ đọc, và tự động bọc các giá trị
chứa khoảng trắng, dấu ngoặc kép hoặc ký tự đặc biệt trong dấu ngoặc kép. Bảo toàn chú thích và dòng trống.
Hoàn hảo để dọn dẹp tệp .env lộn xộn trong Docker, Laravel, Node.js hoặc bất kỳ dự án 12-factor nào.
database-host=localhost
App Name=My Cool App
# comment
api_key=abc123
↓
DATABASE_HOST=localhost
APP_NAME ="My Cool App"
# comment
API_KEY =abc123
Nén CSS
Nén mã CSS của bạn bằng cách xóa chú thích, thu gọn khoảng trắng, loại bỏ khoảng trắng không cần thiết xung quanh bộ chọn, thuộc tính và giá trị, đồng thời xóa dấu chấm phẩy cuối trước dấu ngoặc nhọn đóng. Hiển thị tóm tắt chi tiết với kích thước gốc, kích thước sau nén và số byte tiết kiệm kèm phần trăm. Lý tưởng để tối ưu hóa bảng kiểu cho sản xuất, giảm thời gian tải trang và thu nhỏ kích thước tệp CSS.
/* Main styles */
.header {
color: #333;
margin: 0;
}
↓
.header{color:#333;margin:0}
(Tiết kiệm 42 byte, 58.3%)
Nén HTML
Nén mã HTML của bạn bằng cách xóa chú thích, thu gọn khoảng trắng giữa các thẻ và giảm nhiều khoảng trắng thành một khoảng trắng duy nhất. Hiển thị tóm tắt chi tiết với kích thước gốc, kích thước sau nén và số byte tiết kiệm kèm phần trăm. Tuyệt vời để giảm kích thước payload HTML, tăng tốc phân phối trang và chuẩn bị mã đánh dấu cho triển khai sản xuất.
<!-- Header -->
<div>
<h1> Hello </h1>
<p> World </p>
</div>
↓
<div><h1> Hello </h1><p> World </p></div>
(Tiết kiệm 35 byte, 46.7%)
Định Dạng XML
Định dạng đẹp mã XML với thụt lề đúng cách (2 khoảng trắng mỗi cấp). Phân tích thẻ mở, thẻ đóng, thẻ tự đóng, chỉ thị xử lý và nội dung văn bản, sau đó tái cấu trúc tài liệu với cấu trúc lồng nhau sạch đẹp, dễ đọc. Xử lý XML đã nén hoặc định dạng kém. Hoàn hảo để gỡ lỗi phản hồi API, kiểm tra tệp cấu hình, tin nhắn SOAP hoặc bất kỳ dữ liệu XML nào.
<root><item><name>Test</name><value>42</value></item></root>
↓
<root>
<item>
<name>Test</name>
<value>42</value>
</item>
</root>
Nén XML
Nén mã XML của bạn bằng cách xóa chú thích và thu gọn tất cả khoảng trắng giữa các thẻ. Hiển thị tóm tắt chi tiết với kích thước gốc, kích thước sau nén và số byte tiết kiệm kèm phần trăm. Lý tưởng để giảm kích thước payload XML trong yêu cầu API, thu nhỏ tệp cấu hình, tối ưu hóa tin nhắn SOAP hoặc chuẩn bị dữ liệu XML cho các môi trường hạn chế băng thông.
<!-- Config -->
<root>
<item>Hello</item>
<item>World</item>
</root>
↓
<root><item>Hello</item><item>World</item></root>
(Tiết kiệm 38 byte, 44.2%)
JSON sang YAML
Chuyển đổi dữ liệu JSON sang định dạng YAML. Xử lý đối tượng lồng nhau, mảng, chuỗi (với trích dẫn đúng cho ký tự đặc biệt), số, boolean và giá trị null. Tạo ra YAML sạch đẹp, thụt lề với 2 khoảng trắng. Hoàn hảo để chuyển đổi phản hồi API thành cấu hình Kubernetes, tệp Docker Compose, playbook Ansible, quy trình GitHub Actions hoặc bất kỳ ngữ cảnh nào ưa chuộng YAML hơn JSON.
{"name": "John", "age": 30, "hobbies": ["reading", "coding"]}
↓
name: John
age: 30
hobbies:
- reading
- coding
YAML sang JSON
Chuyển đổi dữ liệu YAML sang định dạng JSON. Phân tích các cặp khóa-giá trị, bản đồ lồng nhau, danh sách (với
các mục -), giá trị vô hướng, boolean, số và giá trị null. Bỏ qua chú thích và ký hiệu tài liệu
(---, ...). Xuất JSON sạch đẹp, định dạng đẹp với thụt lề 2 khoảng trắng. Lý tưởng
để chuyển đổi cấu hình Kubernetes, tệp Docker Compose hoặc pipeline CI/CD sang JSON cho API hoặc xác thực.
name: John
age: 30
hobbies:
- reading
- coding
↓
{
"name": "John",
"age": 30,
"hobbies": ["reading", "coding"]
}
Markdown sang HTML
Chuyển đổi văn bản Markdown thành mã HTML. Hỗ trợ tiêu đề (#–######),
in đậm, in nghiêng, đậm-nghiêng, gạch ngang, liên kết, hình ảnh, khối mã với lớp ngôn ngữ, mã nội dòng,
trích dẫn, danh sách không thứ tự, đường kẻ ngang và đoạn văn. Hoàn hảo để xem trước nội dung Markdown,
tạo HTML cho nền tảng CMS, bản tin email hoặc trình tạo trang tĩnh.
# 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 sang Markdown
Chuyển đổi mã HTML thành văn bản Markdown sạch. Biến đổi tiêu đề, in đậm, in nghiêng, gạch ngang, liên kết, hình ảnh, khối mã, mã nội dòng, trích dẫn, danh sách, đường kẻ ngang và ngắt dòng thành các tương đương Markdown. Loại bỏ các thẻ HTML còn lại và giải mã các thực thể. Lý tưởng để di chuyển nội dung từ trang web sang các hệ thống dựa trên Markdown như GitHub, Jekyll, Hugo hoặc 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).
Định Dạng SQL
Định dạng đẹp truy vấn SQL với cách trình bày và thụt lề phù hợp. Viết hoa các từ khóa SQL
(SELECT, FROM, WHERE, JOIN, v.v.), đặt các mệnh đề chính
trên dòng mới, thụt lề danh sách cột và điều kiện, đồng thời ngắt AND/OR thành các
dòng riêng. Hỗ trợ câu lệnh SELECT, INSERT, UPDATE, DELETE, CREATE và ALTER. Giúp các truy vấn phức tạp dễ đọc
và dễ gỡ lỗi.
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
Phân Tích Chuỗi Truy Vấn
Phân tích chuỗi truy vấn URL thành bảng các cặp khóa-giá trị sạch đẹp, dễ đọc. Chấp nhận URL đầy đủ
(ví dụ: https://example.com/page?key=value&foo=bar) hoặc chỉ phần truy vấn
(?key=value&foo=bar). Tự động giải mã URL tất cả các khóa và giá trị, chuyển đổi
+ thành khoảng trắng, và cũng xuất các tham số dưới dạng đối tượng JSON để
dễ sử dụng trong mã.
https://shop.com/search?q=red+shoes&category=footwear&page=2
↓
q = red shoes
category = footwear
page = 2
+ đối tượng JSON
Giải Mã JWT
Giải mã JSON Web Token (JWT) và hiển thị header, payload và chữ ký ở định dạng dễ đọc.
Tự động phân tích các claim đã đăng ký như iss (nhà phát hành), sub (chủ thể),
exp (hết hạn) và iat (thời gian phát hành), chuyển đổi dấu thời gian thành ngày
dễ đọc. Hiển thị xem token đã hết hạn hay vẫn còn hiệu lực. Chạy hoàn toàn phía máy khách—token
của bạn không bao giờ được gửi đến bất kỳ máy chủ nào.
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKx...
↓
HEADER: {"alg": "HS256", "typ": "JWT"}
PAYLOAD: {"sub": "1234567890", "name": "John Doe", "iat": 1516239022}
Issued At: 2018-01-18T01:30:22Z