Trình chỉnh sửa nhúng
Trình soạn thảo code để nhúng
Trình soạn thảo code chạy trực tiếp cho mọi website: một iframe, không cần cài đặt.
Đặt một trình soạn thảo code thật, chạy được ngay vào blog, tài liệu hay bài hướng dẫn của bạn. Người đọc viết code và xem đầu ra ngay trên trang của bạn, nhờ Coddy. Chọn ngôn ngữ và giao diện bên dưới, dán code khởi đầu và sao chép iframe.
Bạn chuyển từ Trinket sang? Xem Coddy có thể thay thế những gì
<figure style="margin:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden"><iframe src="https://coddy.tech/embed-editor?lang=java&theme=light&code=aW1wb3J0IGphdmEudXRpbC5TY2FubmVyOwoKcHVibGljIGNsYXNzIE1haW4gewogICAgcHVibGljIHN0YXRpYyB2b2lkIG1haW4oU3RyaW5nW10gYXJncykgewogICAgICAgIFNjYW5uZXIgaW4gPSBuZXcgU2Nhbm5lcihTeXN0ZW0uaW4pOwogICAgICAgIFN0cmluZyBuYW1lID0gaW4ubmV4dExpbmUoKTsKICAgICAgICBpbnQgYWdlID0gSW50ZWdlci5wYXJzZUludChpbi5uZXh0TGluZSgpKTsKICAgICAgICBTeXN0ZW0ub3V0LnByaW50ZigiSGVsbG8sICVzISBZb3UgYXJlICVkIHllYXJzIG9sZC4lbiIsIG5hbWUsIGFnZSk7CiAgICB9Cn0K&stdin=QWxpY2UKMzAK&credit=0" width="100%" height="480" style="display:block;border:0;width:100%" title="Trình soạn code Java của Coddy" loading="lazy"></iframe><figcaption style="box-sizing:border-box;padding:5px 12px;font:11px/1.4 system-ui,-apple-system,sans-serif;color:#64748b;background:#f1f5f9;border-top:1px solid #e2e8f0;text-align:right" dir="ltr">Cung cấp bởi <a href="https://coddy.tech/embed" target="_blank" rel="noopener" style="color:#0077ff;font-weight:600;text-decoration:none;">Coddy</a></figcaption></figure>Dùng miễn phí trên mọi trang web. Vui lòng giữ liên kết "Powered by Coddy" để người khác tìm thấy trình chỉnh sửa. Chúng tôi chỉ mong vậy thôi.
Xem code chạy
Các bản nhúng thật, đúng như khi hiển thị trên trang của bạn. Nhấn Chạy ở bất kỳ bản nào.
Hỏi tên và tuổi, rồi chờ từng câu trả lời.
Vì sao nên nhúng trình soạn thảo của Coddy
Chạy code thật
Người đọc sửa code và nhấn Chạy. Python chạy ngay trên trình duyệt của họ, có console trực tiếp cho input() và hình vẽ turtle; các ngôn ngữ khác chạy trên môi trường sandbox của Coddy, có đầu ra, stdin và tham số dòng lệnh.
Hơn 15 ngôn ngữ
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL và nhiều ngôn ngữ khác, cùng HTML và CSS có xem trước trực tiếp và biểu đồ Python với matplotlib. Một trình soạn thảo, một cách nhúng.
Giao diện sáng và tối
Khớp với website của bạn bằng tham số theme, hoặc đặt thành auto để trình soạn thảo theo cài đặt hệ thống của từng người xem.
Không cần cài đặt
Không cần tài khoản, không cần API key, không cần cài JavaScript. Sao chép một thẻ iframe là trình soạn thảo chạy được ở bất cứ đâu HTML chạy được.
Cách hoạt động
1. Thiết lập
Chọn ngôn ngữ, giao diện và bố cục, rồi dán code khởi đầu mà người đọc sẽ thấy khi trình soạn thảo tải xong.
2. Sao chép iframe
Công cụ tạo ra một thẻ <iframe> duy nhất, các thiết lập của bạn được mã hóa trong URL. Sao chép thẻ đó.
3. Dán vào trang
Đặt iframe vào HTML, Markdown, CMS hoặc trang tài liệu của bạn. Trình soạn thảo hiển thị ngay và sẵn sàng để chạy.
Tham số tùy chỉnh
Bản nhúng được thiết lập hoàn toàn qua query string trong URL của iframe. Công cụ ở trên đặt sẵn các tham số này cho bạn, nhưng bạn cũng có thể tự sửa.
| Tham số | Giá trị | Mô tả |
|---|---|---|
lang | python, javascript, java, sql, html, matplotlib, cpp, ... | Ngôn ngữ mà trình soạn thảo chạy. Mặc định là python. |
theme | light, dark, auto | Giao diện màu. auto theo cài đặt hệ thống của người xem. Mặc định là auto. |
code | base64 string | Code khởi đầu hiển thị khi trình soạn thảo tải xong, mã hóa base64 an toàn cho URL. |
layout | side, stacked | Trình soạn thảo và đầu ra nằm cạnh nhau, hoặc xếp chồng theo chiều dọc. Mặc định là side. |
stdin | base64 string | Đầu vào chuẩn tùy chọn, truyền cho chương trình khi nhấn Chạy. Python hỏi trực tiếp người đọc và chỉ dùng giá trị này khi chạy trên máy chủ. |
Câu hỏi thường gặp
Trình soạn thảo code nhúng có miễn phí không?
Có. Trình soạn thảo nhúng hoàn toàn miễn phí trên mọi website. Mỗi bản nhúng có một đường link nhỏ "Powered by Coddy"; vui lòng giữ lại để người khác cũng biết đến trình soạn thảo. Đường link đó là điều duy nhất chúng tôi đề nghị đổi lại.
Người đọc có cần tài khoản Coddy để chạy code không?
Không. Ai cũng có thể sửa và chạy code trong trình soạn thảo nhúng mà không cần đăng nhập. Python chạy trên trình duyệt của người đọc; các ngôn ngữ khác chạy trên môi trường sandbox của Coddy.
Hỗ trợ những ngôn ngữ lập trình nào?
Python, JavaScript, TypeScript, Java, C, C++, C#, Go, Ruby, Rust, PHP, SQL, R và nhiều ngôn ngữ khác, cùng HTML và CSS có xem trước trực tiếp và biểu đồ Python với matplotlib. Mỗi bản nhúng dùng một ngôn ngữ.
Có chỉnh trình soạn thảo cho khớp giao diện website không?
Có. Đặt tham số theme thành light hoặc dark để cố định giao diện, hoặc auto để theo cài đặt hệ thống của từng người xem.
Bản nhúng có chạy trên mọi website không?
Có. Đây là iframe chuẩn, nên chạy được trong HTML thuần, Markdown, hầu hết các CMS (WordPress, Ghost, Notion...) và các công cụ làm tài liệu cho phép iframe.