Cách thêm HIDE vào CKEditor trong Invision Community

Theo mặc định, không có nút nào như vậy trong cài đặt trình chỉnh sửa.

Ở tab "Additional Information" (Thông tin bổ sung) trong plugin Hide Link And Code (BIM), có một link để tải xuống nút HIDE - bimhidecontent.zip.

Tuy nhiên, liên kết không còn hoạt động.

Tuy nhiên, bây giờ có thể thêm một nút như vậy theo cách thủ công thông qua cài đặt trong trình chỉnh sửa.

Cách làm:

Vào

ACP > Appearance > Editor > Toolbar > Add Button.

Sau đó chọn tab "Custom" (Tùy chỉnh) và hoàn thành các bảng theo hướng dẫn bên dưới:

Button Name: Hide
Icon: Up icon lên, Ví dụ icon "crossed eye" 😛
Type: Block
HTML: [hide]{content}[/hide]

Xong lưu lại.

Sau khi thêm xong, nút đó sẽ hiển thị trên thanh của tất cả các nút có sẵn. Bạn di chuyển nút theo sở thích, ví dụ: bên cạnh biểu tượng mã vậy là đã hoàn tất.

A và đảm bảo rằng trong ACP > Appearance > Editor > Settings bạn đã bật Enable BBCode parsing.

Cần nhớ rằng bản thân nút không bao gồm tất cả code ẩn, nó sẽ chỉ thêm mã BBCode, tức là các thẻ [.hide] được xác định trước đó sẽ không hoạt động, bạn cần plugin Hide Link And Code (BIM) hoặc plugin tương tự khác sẽ tự động thay thế [.hide ] với nội dung ẩn .