Init Code Inserter – Plugin chèn mã vào bình luận WordPress, hỗ trợ PrismJS

Tính năng chính

• Thêm nút “Chèn code” ngay trong khung bình luận.
• Hộp thoại modal chèn mã có lựa chọn ngôn ngữ lập trình.
• Tạo shortcode dạng: [code lang="..."]...[/code].
• Tự động tải PrismJS nếu chưa có sẵn trong theme.
• Hỗ trợ giao diện tiếng Việt và tiếng Anh.
• Hỗ trợ chế độ tối (dark mode): Có thể bật qua class dark hoặc thiết lập qua biến window.initPluginSuiteCodeInserterConfig.theme với giá trị 'light', 'dark' hoặc 'auto' trước khi plugin khởi chạy.

Cách hoạt động

Sau khi kích hoạt plugin, bạn sẽ thấy một nút “Chèn code” trong khu vực bình luận. Khi người dùng nhấn vào, một modal hiện ra cho phép họ nhập đoạn mã cần chia sẻ, chọn ngôn ngữ lập trình và chèn vào bình luận.

Ví dụ, người dùng nhập đoạn mã JavaScript:

[code lang="javascript"]console.log("Hello world!");[/code]

Plugin sẽ tự động hiển thị đoạn mã với tô màu cú pháp bằng PrismJS:

console.log("Hello world!");

Bạn có thể thử ngay tính năng này bằng cách viết một bình luận dưới đây! Nhấn vào nút Chèn mã để thêm mã vào bình luận của bạn.

Hướng dẫn cài đặt

1. Tải plugin từ trang chính thức (trang này).
2. Giải nén và tải lên thư mục /wp-content/plugins/.
3. Vào trang quản trị WordPress > Plugins > Kích hoạt Init Code Inserter.
4. Truy cập một bài viết có bình luận để thử nút Chèn code.

Lý do nên dùng plugin này?

Với các blog chia sẻ kỹ thuật hoặc các trang cộng đồng, việc chèn mã vào bình luận thường gây rối định dạng hoặc thiếu thẩm mỹ. Init Code Inserter giúp:

• Đảm bảo định dạng chuẩn và đẹp cho mã nguồn.
• Tránh lỗi HTML khi người dùng dán code trực tiếp vào khung bình luận.
• Giúp phần bình luận dễ đọc, dễ thảo luận và chuyên nghiệp hơn.

Hộp thoại chèn mã nguồn trong phần bình luận

Với Init Code Inserter, người dùng có thể dễ dàng chèn mã lập trình ngay trong bình luận chỉ bằng một nút bấm.

Giao diện modal chèn mã tại khung bình luận.

Hỗ trợ

Mọi góp ý, báo lỗi hoặc yêu cầu thêm tính năng, vui lòng để lại bình luận trong bài viết này nhé.

Init Code Inserter là một công cụ nhỏ gọn nhưng cực kỳ hữu ích, giúp giữ cho bình luận trên blog của bạn luôn gọn gàng, đúng định dạng, và mang lại trải nghiệm tốt hơn cho người dùng yêu thích lập trình.