Tìm hiểu trình biên soạn ngôn ngữ thiết kế web HTML (HTML Editor) trong ASP.NET Web Forms Controls

iworld.com.vn – cùng tìm hiểu trình biên soạn ngôn ngữ thiết kế web HTML (HTML editor) trong ASP.NET Web Forms Controls.

Trình soạn thảo HTML (HTML editor) cho phép người dùng không chuyên về kỹ thuật lập trình có thể dễ dàng chỉnh sửa và đánh dấu ngôn ngữ HTML như một tài liệu văn bản đa dạng thức thông thường.

Lớp ASPxHtmlEditor là trình soạn thảo HTML phía máy chủ và lớp ASPxClientHtmlEditor là lớp tương đương ở phía máy khách.

Giới thiệu các tính năng

Design-Time Designer

Tính năng designer cung cấp quyền truy cập nhanh vào các tập hợp và thuộc tính nội bộ của trình chỉnh sửa có liên quan đến các tính năng thường được sử dụng nhất.

Xác thực HTML

ASPxHtmlEditor tự động thực hiện xác thực (validation) và có thể xóa tất cả các mã có thể gây hại.

Chạy Demo

Xác thực các nội dung

Bạn có thể quy định đánh dấu xác thực lô-gic tùy chỉnh cho HTML. Ngoài ra, bạn có thể bật tính năng xác thực nội dung (content validation) mạnh mẽ, việc này có thể được thực hiện cả trên máy khách và máy chủ.

Chạy Demo

Lọc các phần tử của nội dung

Bạn có thể sử dung tính năng lọc (filter) để lọc chi tiết một thẻ, thuộc tính và các kiểu phần tử thuộc tính.

Chạy Demo

Dán các đinh dạng

ASPxHtmlEditor cung cấp khả năng tự động định dạng các nội dung HTML đã dán (format the pasted HTML content).

Chạy Demo

Đánh dấu HTML

Tính năng đánh dấu bằng cú pháp câu lệnh giúp dễ dàng làm việc với thẻ đánh dấu HTML.

Chạy Demo

Các bảng kê

Các bảng kê có thể dễ dàng được tạo và sửa đổi.

Chạy Demo

Chèn các nội dung phương tiện truyền tải

Các công cụ giống như Explorer giúp đơn giản hóa cách người dùng cuối chèn thêm các hình ảnh, tài liệu, tệp flash, âm thanh, video và video YouTube vào nội dung biên tập.

Chạy Demo

Các chế độ hiển thị thanh công cụ

Thanh công cụ (toolbar) ở trong trình soạn thảo có thể được thể hiện dưới dạng menu, dưới dạng dải băng hoặc dải băng bên ngoài.

Chạy Demo

Trình giữ chỗ cho dữ liệu (placeholders)

Placeholders cho phép người dùng cuối tạo các mẫu tài liệu, sau đó có thể điền vào các dữ liệu cần thiết, ví dụ: từ một cơ sở dữ liệu.

Chạy Demo

Trình kiểm thẻ

Trình kiểm tra thẻ tích hợp cho phép người dùng cuối dễ dàng điều hướng thông qua phân cấp thẻ và tùy chỉnh các thuộc tính thẻ.

Chạy Demo

Khung giao diện của menu

Bạn có thể chọn loại khung menu (context menu) mà bạn muốn hiển thị cho người dùng cuối: một khung menu của trình duyệt cung cấp các lệnh cụ thể cho trình duyệt đó hoặc menu trình chỉnh sửa cung cấp các thao tác phổ biến và theo trình tự thao tác cụ thể. Bạn cũng có thể tắt tính năng khung menu này.

Chạy Demo

Nhập và xuất nội dung

Với ASPxHtmlEditor, bạn có thể nhập và xuất nội dung (import and export) trình soạn thảo từ hoặc sang các định dạng tài liệu khác nhau bao gồm rich text (.rtf), office open XML (.docx), mime HTML (.mht), open document (.odt), plain text (. txt) và portable document (.pdf).

Chạy Demo

Kiểm tra chính tả

ASPxHtmlEditor cung cấp cho người dùng cuối khả năng kiểm tra chính tả tích hợp.

Chạy Demo

Tìm và thay thế

Sử dụng bảng tìm kiếm, khi đó văn bản có thể dễ dàng được tìm thấy trong nội dung trình soạn thảo.

Chạy Demo

Chế độ toàn màn hình

ASPxHtmlEditor có thể được tối đa hóa để mở rộng toàn bộ khu vực hiển thị của người dùng trên trình duyệt.

Chạy Demo

Hỗ trợ từ phải sang trái

Trình chỉnh sửa cung cấp hỗ trợ cho các ngôn ngữ từ phải sang trái (right-to-left) như tiếng Ả Rập hoặc tiếng Do Thái.

Chạy Demo

Các bản demo và ví dụ

• Training Videos
• Online Demos
• Examples

Các bản demo của trình biên soạn ngôn ngữ HTML đi kèm với trình cài đặt DevExpress .NET Products Installer. Tham khảo phần sau để biết thêm thông tin về cách cài đặt và chạy bản demo HTML Editor trên máy cục bộ: Control Demos.

Biên dịch bởi Anh Đức – iworld.com.vn