Văn bản định dạng

TL;DR / Tổng Quan

Rich Text Element (RTE) trong Nilead cho phép bạn viết và định dạng nội dung dài như bài blog, tiểu sử và trang giới thiệu — tất cả trong một khối tiện lợi. Không cần kéo thả từng phần tử văn bản hoặc hình ảnh riêng lẻ. Chỉ cần nhấp đúp và bắt đầu nhập nội dung.

Yêu Cầu Trước

• Bạn có quyền truy cập vào Nilead Visual Editor

• Bạn đã đăng nhập vào dự án với vai trò biên tập nội dung hoặc cao hơn

• Tùy chọn: Đã thiết lập trang hướng dẫn phong cách cho việc định dạng rich text dùng lại

Hướng Dẫn Chi Tiết

1. Thêm Rich Text Element

1. Mở Bảng Thêm → đi đến Phần tử > Kiểu chữ.

2. Kéo phần tử Rich Text vào khung vẽ tại vị trí bạn muốn hiển thị.

3. Để bắt đầu chỉnh sửa, nhấp đúp vào phần tử hoặc chọn và nhấn Enter.

💡 Mẹo chuyên nghiệp: Sử dụng phần tử Rich Text bên trong Mẫu Bộ sưu tập CMS để tạo trang blog hoặc dịch vụ có thể mở rộng.

2. Thêm và Định dạng Văn bản

• Đoạn văn: Chỉ cần bắt đầu nhập. Nhấn Enter để tạo đoạn mới.

• Tiêu đề: Chọn một dòng → chọn H1 đến H6 từ thanh công cụ văn bản.

• Trích dẫn khối: Chọn đoạn văn bản → nhấp biểu tượng trích dẫn trong thanh công cụ.

• Định dạng văn bản: Bôi đen văn bản để làm đậm, nghiêng, chỉ số dưới, chỉ số trên hoặc tạo liên kết (tới URL, email, số điện thoại, v.v.).

⌨ Các phím tắt bàn phím cũng hoạt động! Ví dụ: Cmd/Ctrl + B để làm đậm.

3. Thêm Media, Danh sách & Nhúng Nội dung

• Hình ảnh: Dán hoặc kéo vào RTE. Thêm văn bản thay thế (alt text) và chú thích.

• Danh sách:

  • Danh sách dấu đầu dòng → gõ - + space

  • Danh sách số thứ tự → gõ 1. + space

• Rich Media: Dán URL nhúng (vd: YouTube, SoundCloud, Giphy, Google Maps) — Nilead sẽ tự động phát hiện và nhúng.

• Mã tuỳ chỉnh: Sử dụng widget <embed> bên ngoài RTE nếu cần kiểm soát HTML chi tiết hơn.

4. Dán Nội dung Ngoài một cách An toàn

• Văn bản đa dạng từ Word, Google Docs hoặc website có thể dán trực tiếp.

• Để tránh định dạng rối (như màu nền hoặc các span ẩn), hãy sử dụng:

  • Cmd + Option + Shift + V trên Mac

  • Ctrl + Shift + V trên Windows

• Với nội dung HTML, sử dụng HTML Import — chuyển đổi thẻ sang các phần tử widget.

5. Tạo kiểu cho Nội dung bên trong Rich Text

Tạo kiểu cơ bản:

• Nhấn Esc để thoát chế độ chỉnh sửa

• Chọn các phần tử lồng nhau (như tiêu đề hoặc trích dẫn)

• Áp dụng kiểu thông qua gán theo thẻ hoặc gán class

Tạo kiểu nâng cao:

• Thêm một class cho RTE (vd: .rich-text-blog)

• Tuỳ chỉnh các thẻ lồng nhau qua các class toàn cục hoặc kết hợp

• Sử dụng Trang Style Guide để xem trước và kiểm tra các kiểu bên ngoài CMS

⚠ Khi tạo kiểu cho một thẻ (như h2) trong một class sẽ ảnh hưởng đến tất cả các thẻ đó trong class — hãy lên kế hoạch cho khả năng tái sử dụng.

Câu hỏi thường gặp

1. Tôi có thể sử dụng lại kiểu rich text trên nhiều trang không?
Có. Dùng cùng một class cho nhiều RTE và tạo kiểu toàn cục, hoặc dùng Trang Style Guide để xây dựng hệ thống thiết kế.

2. Làm cách nào để tiếp tục một danh sách đánh số sau khi chèn hình ảnh hoặc video?
Chỉ cần gõ số tiếp theo, dấu chấm, cách (ví dụ: 3. ) — danh sách sẽ tiếp tục chính xác.

3. Sự khác biệt giữa việc dùng các phần tử văn bản riêng lẻ và Rich Text Element là gì?
RTE cho phép soạn nội dung nhanh hơn, tích hợp CMS tốt và quản lý kiểu tập trung — lý tưởng cho bài blog và các khu vực văn bản dài.

4. Tôi có thể nhúng biểu mẫu hoặc nút vào Rich Text Element không?
Không trực tiếp. Với các phần tử tương tác như biểu mẫu, nút hoặc widget tuỳ chỉnh, hãy đặt bên ngoài RTE bằng kéo-thả tiêu chuẩn.

5. Làm thế nào để xóa định dạng lạ sau khi dán văn bản từ Word?
Dán vào trình soạn thảo văn bản thuần (như Notepad) trước, rồi sao chép/dán vào Nilead — hoặc dùng phím tắt để dán không định dạng.