Visual Editor là gì?

Tác giả Network Engineer, T.Một 19, 2022, 08:54:49 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Visual Editor là gì?


Visual Editor là một trình soạn thảo văn bản đa dạng thức trong màn hình chỉnh sửa bài đăng WordPress. Màn hình chỉnh sửa bài đăng WordPress có hai trình chỉnh sửa, đó là Visual và Text.

Trình chỉnh sửa trực quan (Visual Editor) là một trình soạn thảo WYSIWG. WYSIWIG là viết tắt của "những gì bạn thấy là những gì bạn nhận được" có nghĩa là nội dung hiển thị trên màn hình của bạn sẽ đương nhiên giống hệt như khi nó được xuất bản. Các trình soạn thảo như Microsoft Word và Pages cũng thuộc loại này.

WordPress đi kèm với một phiên bản sửa đổi của TinyMCE, đây là một trình soạn thảo WYSIWYG HTML mã nguồn mở. Nó bắt chước hành vi của các công cụ xuất bản trên máy tính để bàn như Microsoft Word và thậm chí có nhiều tính năng của chúng như thanh công cụ dọc trên cùng cho phép bạn định dạng nội dung của mình.


Vì vậy, thay vì viết HTML, người dùng có thể viết bài và định dạng chúng bằng cách sử dụng các nút trên thanh công cụ. Vì nó là một trình soạn thảo văn bản trực quan khi người dùng thêm hình ảnh, TinyMCE có thể hiển thị chúng ngay bên trong trình chỉnh sửa. Sau đó, người dùng có thể dễ dàng căn chỉnh hình ảnh với văn bản của họ bằng cách sử dụng các nút căn chỉnh văn bản của trình chỉnh sửa.

Bạn có thể thấy thanh công cụ trong hình bên dưới với tất cả các tùy chọn định dạng mà mình vừa đề cập bao gồm làm đậm và nghiêng phông chữ, căn chỉnh các đoạn văn, thêm dấu ngoặc kép và kiểm tra chính tả. Ở trên cùng bên trái, bạn có thể thấy nút "thêm phương tiện" cho phép bạn đưa hình ảnh và các phương tiện khác vào bài đăng của mình trong khi ở trên cùng bên phải, bạn có thể thấy nút cho phép bạn chuyển đổi giữa chế độ chỉnh sửa văn bản và trực quan.

TinyMCE có thể mở rộng nên các nhà phát triển plugin WordPress cũng có thể thêm các nút của riêng họ vào thanh công cụ của trình chỉnh sửa trực quan. Giao diện cũng có thể thêm các kiểu riêng của chúng vào trình chỉnh sửa để sử dụng các quy tắc kiểu giống như trang trực tiếp.