Trình soạn thảo HTML

Tổng quan

Trình soạn thảo HTML tích hợp cho phép giảng viên, giáo viên và quản trị viên tạo và chỉnh sửa nội dung trực tiếp trong các khóa học, tin nhắn, tiện ích và nhiều hơn nữa.

Bài viết này sẽ hướng dẫn bạn cách truy cập và sử dụng các thành phần khác nhau của trình soạn thảo để tạo ra nội dung hấp dẫn và đẹp mắt.

Xin lưu ý rằng nền tảng kinh doanh mặc định sử dụng thuật ngữ "khóa học" và nền tảng học thuật mặc định sử dụng thuật ngữ " lớp học" . Các thuật ngữ "khóa học" và "lớp học" có thể được sử dụng thay thế cho nhau trong bài viết này.

Menu thanh công cụ

Trình soạn thảo HTML hiển thị khi chỉnh sửa nội dung trong các khóa học, tin nhắn, tiện ích, v.v. Thanh công cụ bao gồm thanh menu và các biểu tượng cho phép bạn chỉnh sửa nội dung trong phần đó.

Lưu ý rằng các ảnh chụp màn hình trong bài viết này hiển thị trong một phần khóa học, nhưng thanh công cụ hoạt động giống nhau trong các khóa học, tin nhắn và tiện ích. Trình tạo nội dung ở bên trái thanh công cụ chỉ khả dụng khi chỉnh sửa khóa học.

Khóa học, Mô-đun, phần trang ở chế độ chỉnh sửa với Thanh công cụ được tô sáng.

Thanh menu trên cùng bao gồm bảy menu, được mô tả chi tiết hơn bên dưới.

Khóa học, Mô-đun, Phần chỉnh sửa với các menu trên cùng của Thanh công cụ được tô sáng.

Tài liệu

Menu Tệp bao gồm các thao tác sau:

Tiêu đề	Sự miêu tả
Tài liệu mới	Xóa toàn bộ văn bản/hình ảnh/liên kết trong cửa sổ văn bản.
Xem trước	Mở cửa sổ bật lên để xem bản xem trước nội dung đã xuất bản.
In	In nội dung trong cửa sổ văn bản.

Biên tập

Menu Chỉnh sửa bao gồm các thao tác sau.

Tiêu đề	Sự miêu tả
Hoàn tác	Hoàn tác thao tác gần đây nhất của bạn.
Làm lại	Thực hiện lại thao tác gần đây nhất của bạn.
Cắt	Xóa đoạn văn bản/hình ảnh đã chọn và lưu vào clipboard.
Sao chép	Sao chép đoạn văn bản/hình ảnh đã chọn và lưu vào clipboard.
Dán	Dán văn bản/hình ảnh từ clipboard.
Dán dưới dạng văn bản	Sao chép nội dung từ clipboard chỉ dưới dạng văn bản, không bao gồm định dạng.
Chọn tất cả	Chọn/bôi đen toàn bộ nội dung trong cửa sổ văn bản.
Tìm và thay thế	Tìm một từ hoặc cụm từ và thay thế bằng một từ/cụm từ mới (nếu có).

Xem

Menu Xem bao gồm các thao tác sau để xem văn bản và ký tự trong cửa sổ văn bản.

Tiêu đề	Sự miêu tả
Mã nguồn	Xem/chỉnh sửa mã nguồn trong cửa sổ văn bản.
Hiển thị các ký tự ẩn	Hiển thị các ký tự ẩn như dấu cách và ký tự xuống dòng mềm.
Hiển thị các khối	Hiển thị các khối đoạn văn trong cửa sổ văn bản.
Xem trước	Mở cửa sổ bật lên để xem bản xem trước nội dung đã xuất bản.

Chèn

Menu Chèn bao gồm các thao tác sau để chèn hình ảnh, video, bảng, liên kết, v.v.

Tiêu đề	Sự miêu tả
Liên kết	Chèn siêu liên kết đến một URL.
Phương tiện truyền thông	Chèn/nhúng một đoạn nội dung đa phương tiện.
Bàn	Chèn và xây dựng bảng.
Đặc điểm đặc biệt	Chèn một ký tự đặc biệt.
Biểu tượng cảm xúc	Chèn một biểu tượng cảm xúc.
Đường ngang	Chèn một đường ngang.
Ngắt trang	Chèn dấu ngắt dòng để bắt đầu trang mới.
Không phá vỡ khoảng cách	Chèn một khoảng trắng sao cho không xuống dòng.
Neo	Chèn một điểm neo/dấu trang vào vị trí đã chọn.
Chèn mẫu	Chèn mẫu đã lưu.
Lưu dưới dạng mẫu	Lưu đoạn văn bản được tô sáng làm mẫu.
Ngày/giờ	Chọn ngày hoặc giờ từ menu thả xuống.
Chỉnh sửa phương trình	Nhấp chuột để chỉnh sửa phương trình đã được tô sáng.
Tải ảnh lên	Nhấp vào đây để tải ảnh lên.
Tải lên tệp	Nhấp vào đây để tải tệp lên.
Tạo hội nghị trực tuyến	Nhấp chuột để thêm hội nghị trực tuyến vào văn bản*.
Ghi âm	Nhấp chuột để ghi âm trực tiếp trong cửa sổ văn bản.
Quay video	Nhấp chuột để quay video trực tiếp trong cửa sổ văn bản.

* Để tùy chọn Tạo hội nghị trực tuyến hiển thị, trước tiên bạn phải cài đặt ứng dụng hội nghị trực tuyến từ Trung tâm ứng dụng.

Định dạng

Menu Định dạng bao gồm các thao tác sau để định dạng văn bản.

Tiêu đề	Sự miêu tả
In đậm	In đậm đoạn văn bản đã chọn.
Chữ nghiêng	In nghiêng đoạn văn bản đã chọn.
Gạch chân	Gạch chân đoạn văn bản đã chọn.
Gạch ngang	Gạch ngang đoạn văn bản đã chọn.
chỉ số trên	Định dạng đoạn văn bản đã chọn thành dạng chỉ số trên.
Chỉ số dưới	Định dạng đoạn văn bản đã chọn thành chỉ số dưới.
Mã số	Định dạng đoạn văn bản đã chọn thành mã.
Khối	Chèn định dạng khối thích hợp từ menu thả xuống.
Phông chữ	Chọn một phông chữ khác từ menu thả xuống.
Kích thước phông chữ	Chọn cỡ chữ từ menu thả xuống.
Căn chỉnh	Chọn kiểu căn chỉnh văn bản từ menu thả xuống.
Chiều cao dòng	Chọn chiều cao dòng từ menu thả xuống.
Tăng khoảng cách thụt lề	Thụt lề văn bản hoặc đoạn văn sang bên phải.
Giảm độ thụt lề	Di chuyển văn bản hoặc đoạn văn sang bên trái.
Màu chữ	Chọn màu chữ mong muốn từ menu thả xuống.
Màu nền	Chọn màu nền từ menu thả xuống.
Định dạng rõ ràng	Xóa định dạng văn bản đã chọn.

Công cụ

Menu Công cụ bao gồm các thao tác sau.

Tiêu đề	Sự miêu tả
Mã nguồn	Xem/chỉnh sửa mã nguồn.
Số lượng từ	Xem số lượng từ và ký tự.

Bàn

Menu Bảng bao gồm các thao tác sau để chèn bảng và sửa đổi cấu trúc bảng.

Tiêu đề	Sự miêu tả
Bàn	Chèn một bảng.
Tế bào	Các tùy chọn chỉnh sửa cho các ô đã chọn từ menu thả xuống.
Hàng ngang	Chọn các tùy chọn chỉnh sửa, xóa và/hoặc thêm cho (các) hàng đã chọn từ menu thả xuống.
Cột	Bạn có thể chỉnh sửa, xóa và/hoặc thêm các tùy chọn cho cột đã chọn từ menu thả xuống.
Thuộc tính bảng	Xem và chỉnh sửa các thuộc tính của bảng như chiều rộng, chiều cao, đường viền, v.v.
Xóa bảng	Xóa bảng đã chọn.

Menu phụ của thanh công cụ

Bên dưới menu chính, thanh công cụ bao gồm các tùy chọn thả xuống dễ truy cập và các biểu tượng để định dạng thêm.

Khóa học, Mô-đun, Phần chỉnh sửa với các biểu tượng menu phụ trên thanh công cụ được tô sáng.

Hoàn tác và làm lại

Nhấp vào biểu tượng Hoàn tác để hủy bỏ hành động trước đó.
Nhấp vào biểu tượng Làm lại để hoàn tác thao tác trước đó.

Kiểu đoạn văn và tiêu đề

Nhấp vào menu thả xuống kiểu tiêu đề để áp dụng định dạng và kiểu cho văn bản.

Khóa học, Mô-đun, Chỉnh sửa phần với menu Kiểu tiêu đề đang hoạt động và được tô sáng

Kiểu chữ

Nhấp vào menu thả xuống phông chữ để thay đổi phông chữ của văn bản.

Khóa học, Mô-đun, Chỉnh sửa phần với menu Kiểu phông chữ đang hoạt động và được tô sáng

Kích thước phông chữ

Nhấp vào menu thả xuống cỡ chữ để thay đổi kích thước văn bản.

Định dạng phông chữ

Nhấp vào biểu tượng chữ đậm để in đậm văn bản.
Nhấp vào biểu tượng chữ nghiêng để in nghiêng văn bản.
Nhấp vào biểu tượng gạch chân để gạch chân văn bản.

Biểu tượng in đậm, in nghiêng và gạch chân

Màu chữ

Nhấp vào biểu tượng màu chữ để chọn/thay đổi màu chữ.

Căn chỉnh văn bản

Nhấp vào biểu tượng căn chỉnh để căn chỉnh văn bản.

Khóa học, Mô-đun, Chỉnh sửa phần với menu Căn chỉnh đang hoạt động và được tô sáng.

Danh sách gạch đầu dòng

Nhấp vào biểu tượng danh sách gạch đầu dòng để tạo và định dạng danh sách gạch đầu dòng.

Danh sách được đánh số

Nhấp vào biểu tượng danh sách đánh số để tạo và định dạng danh sách gạch đầu dòng hoặc danh sách đánh số.

Tải ảnh lên và tải tệp lên

Nhấp vào biểu tượng tải ảnh lên để tải ảnh lên.
Nhấp vào biểu tượng tải lên tập tin để tải lên bất kỳ tập tin nào.

Định dạng rõ ràng

Nhấp vào biểu tượng Xóa định dạng để xóa các kiểu định dạng có thể đã được sao chép và dán từ nội dung.

Màu nền

Nhấp vào biểu tượng Màu nền để thêm hiệu ứng làm nổi bật cho văn bản/hình ảnh.

Thanh công cụ nâng cao

Để có thêm chức năng:

Nhấp vào "Xem thêm" biểu tượng để hiển thị thanh công cụ nâng cao.

Thanh công cụ nâng cao hiển thị bên dưới thanh công cụ phụ và bao gồm các tùy chọn bổ sung được đề cập bên dưới.

Khóa học, Mô-đun, Phần chỉnh sửa với các biểu tượng thanh công cụ Nâng cao được tô sáng.

Các đoạn thụt lề và đường kẻ ngang

Nhấp vào biểu tượng Giảm thụt lề để giảm khoảng cách thụt lề của văn bản.
Nhấp vào biểu tượng Tăng thụt lề để thụt lề văn bản.
Nhấp vào biểu tượng đường ngang để chèn một đường ngang.

Biểu tượng giảm thụt lề, tăng thụt lề và đường kẻ ngang

Biểu tượng cảm xúc

Nhấp vào biểu tượng cảm xúc biểu tượng này dùng để mở bàn phím Emoji.
Nhấp chuột vào biểu tượng cảm xúc để chèn nó.

Ký tự đặc biệt

Nhấp vào ký tự đặc biệt Nhấn vào biểu tượng để mở cửa sổ bật lên Ký tự đặc biệt.
Nhấp chuột vào ký tự đặc biệt để chèn nó.

Biểu tượng nâng cao

Nhấp vào biểu tượng Chèn/chỉnh sửa liên kết Chèn liên kết đến bất kỳ URL nào.
Nhấp vào biểu tượng Chèn/Chỉnh sửa phương tiện Chèn/nhúng liên kết đến bất kỳ URL nào.
Nhấp vào biểu tượng Chèn/chỉnh sửa phương trình Chèn/nhúng liên kết đến bất kỳ URL nào.
Nhấp vào biểu tượng Chèn mẫu để chèn một mẫu.
Nhấp vào biểu tượng Mã nguồn Để xem mã nguồn của trang hiện tại.
Nhấp vào biểu tượng Ghi âm Ghi âm trực tiếp vào trang khóa học.
Nhấp vào biểu tượng Quay video Ghi video trực tiếp vào trang khóa học.

Nhấp vào biểu tượng Tạo hội nghị trực tuyến Tạo liên kết hội nghị trực tuyến bằng cách sử dụng một trong các tùy chọn từ menu thả xuống.

Lưu ý - Chỉ các ứng dụng hội nghị trực tuyến bạn đã cài đặt trên nền tảng của mình mới hiển thị.

Khóa học, Mô-đun, Phần chỉnh sửa với menu Tạo hội nghị trực tuyến đang được kích hoạt và tô sáng.

Thực tiễn tốt nhất

Hãy áp dụng những phương pháp tốt nhất này để tận dụng tối đa trình soạn thảo.

Để chèn ngắt dòng thay vì tạo đoạn văn mới, hãy nhấn Shift + Enter.
Khi nhúng các widget HTML, hãy xem cửa sổ văn bản trong mã nguồn trước.

Nhấp vào menu thả xuống Xem.
Nhấp vào < > Mã nguồn .

Dán nội dung của bên thứ ba dưới dạng văn bản thuần để tránh lỗi định dạng.
Để làm cho các đường viền của bảng trở nên vô hình:

Chọn bảng.
Nhấp vào Thuộc tính bảng .
Trong tab Chung của cửa sổ bật lên, hãy đặt Độ rộng đường viền thành "0".
Trong tab Nâng cao , chọn kiểu đường viền là "Ẩn" hoặc "Không có".

Khóa học, Mô-đun, Chỉnh sửa phần có bảng được chọn và biểu tượng Thuộc tính bảng được tô sáng.

Kiểm tra chính tả

Trình soạn thảo bao gồm chức năng kiểm tra chính tả, sẽ đánh dấu những từ viết sai chính tả bằng một đường gạch đỏ. Để sửa lỗi chính tả:

Nhấn CTRL + Nhấp chuột phải .
Hãy chọn cách viết đúng chính tả từ danh sách gợi ý.

Khóa học, Mô-đun, Phần chỉnh sửa với menu kiểm tra chính tả đang hoạt động và được tô sáng

Biến nhúng

Bạn có thể nhúng các biến vào trang bài học bằng cách sử dụng định dạng {{tên biến}}. Điều này cho phép bạn tùy chỉnh nội dung cho người dùng và khóa học.

Các biến sau đây có thể được sử dụng trong trang nội dung:

{{class_custom_field_1}}
{{class_custom_field_2}}
{{class_finish_date}}
{{class_id}}
{{class_location}}
{{class_name}}
{{class_name_with_link}}
{{class_start_date}}
{{completed_at_utc}}
{{course_code}}
{{credits}}
{{days_in_class}}
{{days_left}}
{{deactivate_students_after}}
{{organization_id}}
{{tên_tổ_chức}}
{{section_code}}
{{site_name}}
{{site_name_with_url}}
{{teacher_name}}
{{teacher_name_with_link}}
{{user_email}}
{{user_first_name}}
{{user_full_name}}
{{user_full_name_with_link}}
{{user_id}}
{{user_last_name}}
{{user_prefered_contact_method}}
{{user_ssn}}
{{userid}}
{{Tại sao}}

Khóa học, Mô-đun, Phần chỉnh sửa với các ví dụ về biến được làm nổi bật

Video hướng dẫn chọn kích cỡ

Nếu bạn thêm video dưới dạng liên kết trong trình soạn thảo HTML, bạn có thể thiết lập kích thước của video bằng mã HTML này:

<a width='100' height='700'>liên kết</a>.

Nếu bạn muốn video tự động điều chỉnh kích thước, bạn có thể bỏ qua một trong hai giá trị (chiều rộng hoặc chiều cao).
Bạn cũng có thể sử dụng giá trị phần trăm để thiết lập kích thước của video, ví dụ: <width='100%' >.

Chỉnh sửa hình ảnh

Trình chỉnh sửa cung cấp nhiều tùy chọn để chỉnh sửa hình ảnh sau khi chúng được tải lên. Để chỉnh sửa hình ảnh:

Nhấp chuột vào hình ảnh.
Một menu các tùy chọn sẽ hiện ra.

Biểu tượng	Sự miêu tả
	Xoay ảnh ngược chiều kim đồng hồ
	Xoay ảnh theo chiều kim đồng hồ
	Lật ảnh theo chiều ngang
	Lật ảnh theo chiều dọc
	Cắt ảnh
	Chỉnh sửa thuộc tính hình ảnh

Khóa học, Mô-đun, Chỉnh sửa phần có hình ảnh được tô sáng và thanh công cụ chỉnh sửa hình ảnh đang hoạt động

Nếu bạn chọn biểu tượng Chỉnh sửa thuộc tính hình ảnh , cửa sổ bật lên Chèn/Chỉnh sửa hình ảnh sẽ hiển thị.

Nguồn : Hiển thị nguồn ảnh.
Mô tả thay thế : Mô tả này được trình đọc màn hình đọc để hỗ trợ người dùng khiếm thị.
Chiều rộng và chiều cao : Điều chỉnh kích thước của hình ảnh.

Lưu ý: Sử dụng biểu tượng khóa để đảm bảo hình ảnh giữ nguyên tỷ lệ chiều rộng/chiều cao.

Khi thêm ảnh mới, bạn cũng có thể thêm mô tả dành cho trình đọc màn hình:

Nhập mô tả vào trường Mô tả hình ảnh .

Cửa sổ bật lên tải ảnh lên

Mẫu nội dung

Các mẫu nội dung cho phép bạn lưu các đoạn mã HTML vào Danh mục Tài nguyên và sau đó dễ dàng chèn chúng vào các khu vực nội dung trong tương lai. Bạn có thể sử dụng tính năng này để tạo thư viện các phần tử nội dung thông dụng mà bạn thường sử dụng trong các khu vực nội dung của mình.

Để thêm một đoạn mã HTML vào mẫu nội dung:

Chọn văn bản và/hoặc hình ảnh trong trình soạn thảo HTML.
Nhấp chuột phải.
Chọn "Lưu dưới dạng mẫu" .

Nhập tiêu đề cho mẫu.
Nhấp vào OK .
Mẫu nội dung sẽ được lưu vào thư viện cá nhân của bạn.

Lưu dưới dạng mẫu (cửa sổ bật lên)

Để truy cập các mẫu nội dung đã lưu của bạn:

Nhấp vào mục Tài nguyên trên thanh điều hướng bên trái.
Nhấp vào Danh mục từ menu thả xuống.
Lọc theo loại tài nguyên > mẫu nội dung trong bảng tìm kiếm.
Nhấp vào mẫu nội dung của bạn.

Trang Tài nguyên, Trang Danh mục với mục Loại tài nguyên được tô sáng trong bảng Tìm kiếm.

Mẫu nội dung được hiển thị. Để xem thêm chi tiết về mẫu nội dung:

Nhấp vào Chi tiết .

Tài nguyên, Mẫu nội dung dạng cửa sổ bật lên

Bạn hiện có thể cập nhật mục nội dung:

Nhấp vào Chỉnh sửa để chỉnh sửa nội dung .
Nhấp vào Xóa để loại bỏ mẫu.

Tài nguyên, mẫu nội dung với các biểu tượng Chỉnh sửa và Xóa được tô sáng.

Nếu bạn nhấn vào nút chỉnh sửa, bạn có thể cập nhật nội dung và chia sẻ với những người dùng khác.

Chọn thư viện Cá nhân , Tổ chức hoặc Doanh nghiệp nếu bạn muốn mẫu nội dung này được cung cấp cho người dùng khác.
Sau khi chỉnh sửa nội dung, hãy nhấp vào Lưu .

Tài nguyên, Màn hình chỉnh sửa mẫu nội dung

Để chèn một bản sao của mẫu nội dung vào một phần:

Truy cập vào phần đó.
Nhấp chuột phải.
Chọn Chèn mẫu .
Chọn mẫu từ danh sách thả xuống.
Nhấp vào Lưu .

Hướng dẫn sử dụng trình soạn thảo HTML