Addon 2x Code - Mở rộng Code Editor cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Code - Mở rộng Code Editor cho XenForo 2 2.2.0

Addon này làm cho bbcode code và code editor có nhiều chức năng hơn bằng cách thêm các bản sao, mở rộng, thu gọn các nút, thanh resizer và tự động điều chỉnh màu sắc để phù hợp với style diễn đàn được lựa chọn.

func_features.png

Tùy chỉnh tiêu đề

Bây giờ bạn có thể chỉ định tiêu đề code block title tùy chỉnh. Ví dụ, người dùng có thể cung cấp một tên tập tin cho các code block thay vì viết nó trong văn bản hoặc đặt toàn bộ code block bên trong một spoiler với tiêu đề tên tập tin.

Tùy chỉnh tiêu đề có thể được đặt qua hộp thoại "Insert code":

code_block_title.png

Bạn cũng có thể đặt tiêu đề trực tiếp trong text editor bằng cách đặt ký tự | và tiêu đề sau tên ngôn ngữ trong bbcode code.
Ví dụ
Mã:
[code=php|My Custom Title]<? .... ?>
[/CODE]

sẽ tạo ra codeblock này:

1535718915924.png

Khi rê chuột vào sẽ hiển thị ngôn ngữ của code:

1535719001075.png

Nút Expand/Collapse

expand-collapse.gif

Nút Copy

copy.gif

Line number:
Tất cả các block code đều có số dòng (tối đa 1000 dòng). Số dòng có thể được tắt thông qua style properties:

1535721681160.png

Resizer:
Mỗi block code có chiều cao code lớn hơn chiều cao mặc định đều có thanh resizer. Nó cho phép người dùng thay đổi kích thước theo chiều dọc block code.

resizer.gif

Ngôn ngữ chung:
Với add-on Code, bây giờ bạn có thể đặt ngôn ngữ phổ biến ngay sau tùy chọn "Allowed code languages" trong option-group "Messages":

1535723658651.png


1535723826755.png

Ngôn ngữ mặc định:
Bạn cũng có thể đặt ngôn ngữ code mặc định cho hộp thoại "Insert code" thông qua tùy chọn "Default code language" sau các ngôn ngữ phổ biến trong option-group "Messages"

1535743202787.png

Thích ứng với các style:
Màu block code và các thuộc tính không được xác định trực tiếp (mã hoá cứng) - chúng kế thừa từ các biến style của diễn đàn.

Tuy nhiên, bạn phải đặt code style type theo cách thủ công: light (theo mặc định) hoặc dark tùy thuộc vào loại style chung diễn đàn của bạn:

1535744407707.png

Đây là cách một block code hiển thị trên chủ đề tối:

1535744921126.png

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

Đính kèm

Bản này bị lỗi không hiển thị màu với cái bb code rich.

Ví dụ code: [ code=rich]không hiện màu đỏ[ /code]
Nếu không dùng cái add-on này thì nó sẽ thể hiện cái màu đỏ
Mình dùng addon này thì nó không hiển thị màu đỏ.

Không biết anh em có bị lỗi tương tự không ?
 
Back
Top