Console
0
XÓA LOG
Bỏ qua các bước thiết lập cấu trúc rườm rà. Chọn một mẫu dựng sẵn dưới đây để nạp code và chạy thử trực tiếp:
Mẫu giao diện kính mờ Cyberpunk chuẩn phong cách iTee kèm nút tương tác đếm giờ thời gian thực.
Giao diện hiện đại sử dụng đầy đủ các class tiện ích Tailwind được nhúng sẵn qua CDN chính thức.
Mẫu khung thẻ sản phẩm tiêu chuẩn với Bootstrap 5.3 CSS, hệ thống lưới căn lề và lớp tiện ích phong phú.
Khung vẽ Canvas tương tác chuyển động với vật lý phản xạ bóng, vòng lặp requestAnimationFrame mượt mà.
Đầy đủ trang thiết bị chuyên nghiệp phục vụ học tập, kiểm thử và sáng tạo web.
Live preview cập nhật theo từng phím gõ trong sandbox bảo mật cao, không làm đơ trình duyệt.
Tích hợp sẵn Tailwind CSS, Bootstrap 5, FontAwesome, React, Vue, Three.js chỉ với một cú chạm.
Mã hóa toàn bộ code vào URL liên kết. Gửi cho bạn bè hoặc cộng đồng xem và chỉnh sửa ngay.
Kéo thả trực tiếp file từ máy tính vào màn hình hoặc xuất trọn bộ dự án thành file ZIP chuẩn cấu trúc.
Tự do kéo chuột chia lại tỷ lệ khung soạn thảo và khung xem trước ngang hoặc dọc theo sở thích.
Tải ảnh chụp PNG kết quả trang web vừa code để làm ảnh minh họa, bài đăng blog hoặc mạng xã hội.
Tối ưu hóa thao tác viết mã không cần rời tay khỏi bàn phím.
Làm mới iframe và thực thi mã nguồn lập tức mà không cần đợi thời gian tự động lưu.
Lưu trạng thái dự án vào bộ nhớ và tải file index.html độc lập chạy trực tiếp về máy tính.
Tự động căn chỉnh chuẩn hóa lề và thụt dòng code HTML, CSS, JavaScript bằng JS-Beautify.
Chuyển đổi tức thì giữa các tab soạn thảo HTML (Phím 1), CSS (Phím 2) và JavaScript (Phím 3).
Mọi điều bạn cần biết khi sử dụng iTee - Live code.
Hoàn toàn không. Trình soạn thảo tích hợp tính năng tự động lưu trạng thái vào LocalStorage của trình duyệt. Mỗi khi bạn truy cập lại, mã đang viết dở sẽ được tự động khôi phục nguyên vẹn. Ngoài ra, bạn có thể lưu nhiều dự án riêng biệt qua nút "📂 Dự án" hoặc xuất file ZIP về máy tính bất cứ lúc nào.
Không. iTee - Live code hoạt động theo kiến trúc 100% Client-Side. Toàn bộ mã nguồn chỉ được xử lý và chạy trực tiếp trên trình duyệt cá nhân của bạn trong iframe sandbox biệt lập. Chúng tôi không lưu trữ, không sao chép và không theo dõi bất kỳ đoạn mã nào bạn viết.
Bạn chỉ cần bấm nút "🔗 Chia Sẻ" trên thanh công cụ. Hệ thống sẽ mã hóa toàn bộ HTML, CSS, JavaScript và danh sách thư viện CDN vào phần URL Hash (ví dụ: https://livecode.itee.pro/#code=...). Người nhận chỉ cần mở đường link đó là xem được kết quả và chỉnh sửa trực tiếp mà không phụ thuộc vào cơ sở dữ liệu bên ngoài.
Có sẵn. Bạn bấm vào nút "📦 Thư viện" để chọn nhanh từ danh mục 10+ thư viện phổ biến nhất (Font Awesome, Tailwind CDN, Bootstrap, Three.js, GSAP, Vue, SweetAlert2...). Hoặc bạn cũng có thể dán bất kỳ đường dẫn CDN bên ngoài nào (.css hoặc .js) vào ô tùy chỉnh.
Hoàn toàn được. Bấm nút "📦 Xuất ZIP" để tải về một gói nén chuẩn gồm index.html, style.css, script.js và README.md. Bạn có thể tải ngay lên GitHub Pages, Vercel, Netlify hoặc bất kỳ hosting nào để xuất bản website thật.
Kết nối và phát triển cùng hệ sinh thái công nghệ, AI và sáng tạo số.
Cổng thông tin công nghệ, bài viết chuyên sâu về lập trình, giải pháp số và xu hướng phát triển web hiện đại.
Truy cập itee.pro ➔Kho công cụ và tiện ích trực tuyến thông minh, tối ưu quy trình làm việc và hỗ trợ sáng tạo tiện lợi.
Khám phá bộ tiện ích ➔Nền tảng thực thi & chia sẻ mã nguồn trực tuyến tốc độ cao, hỗ trợ học tập, phỏng vấn và kiểm thử giao diện.
Đang hoạt động tại livecode.itee.proLưu và chuyển đổi giữa nhiều bài code khác nhau trên trình duyệt của bạn:
Tích chọn thư viện để nạp vào dự án:
Cẩm nang chi tiết tất cả công cụ, phím tắt và kỹ thuật lập trình web trực tuyến.
{, [, (, ", ' và tô sáng vị trí cặp ngoặc tương ứng, hạn chế tối đa lỗi quên đóng ngoặc.Ctrl+Shift+F) tự động căn chỉnh thụt dòng chuẩn 2 khoảng trắng theo chuẩn kiến trúc mã HTML5, CSS3, JavaScript sạch sẽ..html hoặc .zip.index.html, style.css, script.js và file README.md hướng dẫn, sẵn sàng đưa lên GitHub hoặc hosting.Ctrl+S) xuất 1 file HTML duy nhất chứa trọn gói mã CSS, JS và link CDN, có thể mở trực tiếp bằng trình duyệt trên máy tính ngay cả khi không có mạng..html, .css, .js từ máy tính thả vào cửa sổ soạn thảo để nạp code ngay lập tức.Esc hoặc nút ✕ Thu nhỏ để quay lại.375 × 667px).box-sizing: border-box; margin: 0; padding: 0 giúp loại bỏ khoảng trắng mặc định của trình duyệt.console.log, warn, error và bắt lỗi JavaScript kèm chính xác số dòng xảy ra lỗi.Mở Camera hoặc ứng dụng Zalo quét mã QR để chạy thử website trực tiếp trên điện thoại: