Làm việc hiệu quả với trình soạn thảo trên web

Nội dung này hướng dẫn bạn việc sử dụng trình soạn thảo trang web hiệu quả hơn cho công việc của bạn.

Trình soạn thảo trang web là gì?

Trình soạn thảo là một plugin giúp bạn soạn thảo các nội dung có chứa các html tag (mã html) dẽ dàng hơn. Nội dung trên internet không giống như nội dung trên các phần mềm như Microsoft Word, nó cần được chèn các mã html

Chẳng hạn như thẻ p (paragraphs) được hiển thị như bên dưới
<p>Đây là một đoạn văn bản</p>

Chẳng hạn như thẻ h1 (heading) được hiển thị như bên dưới
<h1>Đây là thẻ heading 1</h1>

Thẻ này sẽ được các trình duyệt như Chrome, Saferi đọc được và hiển thị là một đoạn văn bản.
Tuy nhiên để soạn thảo theo kiểu tự nhập các mã này rất mất thời gian, chính vì thế trình soạn thảo trang web ra đời nhằm giúp cho bạn dễ dàng tạo ra nội dung nhanh chóng hơn.

Phóng to thu nhỏ trình soạn thảo

Việc phóng to giúp bạn làm việc dễ dàng hơn với nội dung của trang web.

Cách làm: Bấm vào Icon ico nphóng to thu nhỏ trên trình soạn thảo để phóng to và bấm lại icon này để thu nhỏ

Mở rộng trình soạn thảo

Việc mở rộng giúp bạn thao tác nhanh với một dữ liệu không lớn nhưng chiều rộng thiếu không gian để soạn thảo, cách này nhanh chóng hơn việc phóng to thu nhỏ và phù hợp với nhiều tình huống cụ thể.

Cách làm: Bấm và giữ chuột vào icon  icon mở rộng dưới cùng góc phải của trình soạn thảo để mở rộng hoặc thu nhỏ

Xoá các liên kết bên ngoài

Để tránh việc khi copy bài viết có chứa các link liên kết bên ngoài trang web khi bạn copy nội dung từ một nguồn nào đó. Việc này đôi khi vô tình bạn đăng bài viết và đi SEO dùm cho các trang web có chứa liên kết này.

Đây là một công cụ giúp tẩy hoặc thay đổi hàng loạt liên kết ngoài nhanh chóng giúp bạn kiểm soát nội dung của mình tốt hơn.

Cách làm: Bấm chuột vào icon  icon tẩy link trên thanh công cụ của  trình soạn thảo để mở rộng hoặc thu nhỏ

Tải từng ảnh về máy chủ

Khi bạn copy nội dung từ các trang web khác, các hình ảnh cũng sẽ được copy. Tuy nhiên các ảnh này đang được lưu trữ tại máy chủ của trang web mà bạn copy. Khi trang web này không thể truy cập hoặc họ viết thêm thuật toán để từ chối truy cập từ IP máy chủ web của bạn nhằm giảm gánh nặng cho máy chủ web của họ. Hình ảnh này trên nội dung của bạn sẽ không còn được hiển thị. Chính vì vậy bạn cần copy ảnh này về máy chủ của mình

Hướng dẫn này sẽ giúp bạn đưa ảnh trực tiếp từ liên kết đã có về máy chủ mà không phải lưu lại trên máy tính của bạn và thêm một thao tác tải lên máy chủ.

Cách làm: Bấm chuột vào icon  icon tải ảnh trên thanh công cụ của  trình soạn thảo hoặc nhấp đúp vào ảnh muốn thay thế để mở trình thay thế ảnh.

Lỗi có thể xảy ra: Nếu các đường liên kết hình ảnh vì một lý do nào đó trên trang web được copy sử dụng các thuật toán mã hoá hình ảnh khác nhau. Lúc này bạn không thể copy ảnh này mà phải lưu trữ về máy tính để tải lên bằng cách bấm upload từ máy tính. 

Tải ảnh hàng loạt về máy chủ

Khi bạn copy nội dung từ các trang web khác, các hình ảnh cũng sẽ được copy. Tuy nhiên các ảnh này đang được lưu trữ tại máy chủ của trang web mà bạn copy. Khi trang web này không thể truy cập hoặc họ viết thêm thuật toán để từ chối truy cập từ IP máy chủ web của bạn nhằm giảm gánh nặng cho máy chủ web của họ. Hình ảnh này trên nội dung của bạn sẽ không còn được hiển thị. Chính vì vậy bạn cần copy ảnh này về máy chủ của mình

Hướng dẫn này sẽ giúp bạn đưa hàng loạt ảnh đang có trong nội dung bạn đang copy sau đó tải về máy chủ để giảm bớt thời gian xử lý hình ảnh.

Cách làm: Bấm chuột vào icon  icon tải ảnh hàng loạt trên thanh công cụ của  trình soạn thảo để mở trình thay thế ảnh.

Lỗi có thể xảy ra: Nếu các đường liên kết hình ảnh vì một lý do nào đó trên trang web được copy sử dụng các thuật toán mã hoá hình ảnh khác nhau. Lúc này bạn không thể copy ảnh này mà phải lưu trữ về máy tính để tải lên bằng cách bấm upload từ máy tính. 

Hiển thị phần tử HTML tag của bài viết

Khi bạn soạn thảo nội dung, các thẻ html tag vô cùng quan trọng như thẻ h1, h2 ... hay P (paragraphs) là một đoạn văn. Điều này giúp bạn làm SEO tốt hơn.

Hướng dẫn này sẽ giúp bạn tắt bật hiển thị các phần tử html trong quá trình soạn thảo nội dung.

Cách làm: Bấm chuột vào icon  icon bật tắt html tag trên thanh công cụ của  trình soạn thảo để tắt bật hiển thị html tag.

Một số công cụ khác

Dưới đây là một số công cụ khác không phổ biến mà bạn có thể cần thêm để kiểm soát nội dung tốt hơn. Các nút công cụ còn lại tương tự các trình soạn thảo thông dụng sẽ không được liệt kê.

  • icon thêm mã code Icon thêm mã code: giúp chèn các đoạn code như html, php, python ...
  • icon xoá định dạng Icon xoá định dạng: Khi copy bài viết từ các trang web khác, bạn sẽ copy luôn các class css mà trang web bạn không có các css này, xoá định dạng sẽ giúp clear sạch những định dạng để bạn thiết lập lại css cho tương thích với website của bạn.
  • icon ẩn hiện thêm công cụ Icon ẩn hiện thêm công cụ: Khi làm việc một số khu vực có thể được set trình soạn thảo cơ bản với số công cụ ít hơn nhằm tối ưu không gian hiển thị giúp bạn đỡ rối mắt. Nếu muốn hiển thị đầy đủ, bạn bấm icon này.