Hướng dẫn Cách tùy chỉnh danh sách phông chữ trong text editor

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,638
Được Like
10,891
Cách tùy chỉnh danh sách phông chữ trong text editor

Để thay đổi danh sách các phông chữ trong trình soạn thảo, bạn cần chỉnh sửa tập tin nằm ở "/js/xenforo/bb_code_edit.js". Tập tin được thu nhỏ, vì vậy chúng ta cần phải mở ra một số văn bản. Phiên bản đầy đủ có sẵn trong thư mục "full"; Bạn có thể sao chép và sử dụng tập tin đó nếu bạn thích, nhưng đối với hướng dẫn này, mình sẽ sử dụng phiên bản minified.

1. Điều hướng đến "/js/xenforo/"
2. Làm một bản sao của tập tin "bb_code_edit.js" trước khi tiến hành.
3. Chỉnh sửa tập tin và tìm các phông chữ. ctrl/cmd F + "arial" có thể giúp
4. Bỏ đoạn mã với mảng phông chữ. Nó sẽ trông giống như ví dụ này:

demo.png

Cú pháp:
Mã:
'<font name>':'<font stack>',

<font name> là một phần quan trọng: đó là những gì được hiển thị trong danh sách và được sử dụng trong code [font=]. Chúng phải phù hợp với tên của phông chữ bạn đang thêm.
<font stack> chỉ được sử dụng để định dạng tên font trong danh sách các trình soạn thảo. Điều này là
ngớ ngẩn bởi vì khi nó được sử dụng, nó thêm một cái gì đó như và phông chữ kết quả chỉ bao gồm "Arial". Phông chữ bạn nhìn thấy trong danh sách trông giống như những gì bạn nhận được khi sử dụng, vì vậy khi bạn định cấu hình phông chữ của mình, chỉ cần làm cho nó giống với tên phông ở bên trái. (Xem ví dụ dưới đây)

Dưới đây là một ví dụ về những gì mình đang sử dụng:
Mã:
               'Arial':'Arial',
               'Times New Roman':'Times New Roman',
               'Georgia':'Georgia',
               'Verdana':'Verdana',
               'Trebuchet MS':'Trebuchet MS',
               'Comic Sans MS':'Comic Sans MS',
               'Arial Black':'Arial Black',
               'Impact':'Impact',
               'Andale Mono':'Andale Mono',
               'Courier New':'Courier New',
               'Webdings':'Webdings',
               'Open Sans Condensed':'Open Sans Condensed',
               'Caviar Dreams':'Caviar Dreams'

Kết quả (một phần của nó):

demo 1.png

Hãy nhớ rằng nếu sử dụng phông chữ thường, người xem phải cài đặt chúng. Mình khuyên bạn chỉ nên sử dụng phông chữ chính của Microsoft cho web và webfonts.

Thực hiện thay đổi của bạn và lưu nó. Do tập tin có thể được lưu trữ, nên bạn cần tải lại để nhận các thay đổi (giữ shift khi nhấp vào tải lại).

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


Nguồn: xenforo.com​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom