Các nhà phát triển và lập trình viên từ lâu đã sử dụng trình soạn thảo văn bản như là cách chính để nhập mã máy tính. Một số môi trường phát triển có các trình soạn thảo tích hợp của riêng họ, nhưng các nhà phát triển thường thích một trình soạn thảo và gắn bó với chương trình đó. Một lý do cho điều này là một trình soạn thảo mã hóa tốt bao gồm tô sáng cú pháp, một tính năng định dạng mã nguồn và gán phông chữ và màu sắc cho các từ khóa và cấu trúc bên trong mã để làm cho nó dễ đọc hơn nhiều. Các trình soạn thảo văn bản như Notepad ++, được đề cập trong hướng dẫn Tech Junkie này, được các nhà phát triển ưa chuộng vì lý do này. Hầu hết các nhà phát triển không coi Google Documents là một trình soạn thảo mã hóa tiềm năng, mặc dù có các tính năng nhóm làm việc tuyệt vời và tích hợp đám mây, bởi vì nó không bao gồm các tùy chọn làm nổi bật cú pháp được tích hợp sẵn.
Tuy nhiên, bạn có thể thêm đánh dấu cú pháp vào mã trong tài liệu Google Doc. Trên thực tế, có ít nhất một vài tiện ích bổ sung dành cho Tài liệu cho phép bạn định dạng các ngôn ngữ lập trình và đánh dấu khác nhau bằng cách đánh dấu cú pháp. Ngoài ra còn có rất nhiều ứng dụng web mà bạn có thể sử dụng để chèn mã nguồn bằng cách đánh dấu trong Google Tài liệu. Trong bài viết này, tôi sẽ hướng dẫn bạn cách thêm đánh dấu cú pháp mã nguồn vào tài liệu Docs của bạn.
Định dạng mã nguồn với Code Pretty
Code Pretty là một tiện ích bổ sung dành cho Google Tài liệu tự động thêm đánh dấu vào mã đã chọn. Code Pretty không bao gồm một lượng lớn cài đặt để tùy chỉnh định dạng cú pháp, nhưng nó vẫn thêm tùy chọn đánh dấu cú pháp tiện dụng vào Tài liệu. Bạn có thể thêm CP vào Tài liệu bằng cách nhấp vào Free trên trang web này. Sau đó nhấn Cho phép để xác nhận quyền cho tiện ích bổ sung.
Tiếp theo, mở Tài liệu trong trình duyệt của bạn; và nhấp vào tab Tiện ích bổ sung để mở menu của nó. Menu đó bây giờ sẽ bao gồm tiện ích bổ sung Code Pretty. Để cung cấp cho bạn một ví dụ về cách tiện ích bổ sung này làm nổi bật cú pháp, hãy chọn và sao chép mã JavaScript mẫu bên dưới vào tài liệu Documents bằng cách nhấn Ctrl + C.
JavaScript có thể làm gì?
JavaScript có thể thay đổi các thuộc tính HTML.
Trong trường hợp này, JavaScript thay đổi thuộc tính src (source) của một hình ảnh.
Bật đèn
Tắt đèn
Dán mẫu JavaScript đó vào Tài liệu bằng cách nhấn Ctrl + V. Sau đó, chọn mã trong trình xử lý văn bản bằng con trỏ. Nhấp chuột Tiện ích bổ sung >Mã đẹp và chọn Lựa chọn định dạng tùy chọn từ menu con. Điều đó sẽ định dạng JavaScript như được hiển thị trong ảnh chụp nhanh ngay bên dưới.
Như đã nêu, CP không bao gồm nhiều cài đặt cho tô sáng cú pháp. Tuy nhiên, bạn có thể điều chỉnh kích thước phông chữ của mã được đánh dấu bằng cách nhấp vào Tiện ích bổ sung >Mã đẹp và Cài đặt. Điều đó sẽ mở thanh bên được hiển thị ngay bên dưới. Sau đó, bạn có thể chọn kích thước phông chữ mặc định thay thế cho mã được đánh dấu từ đó.
Định dạng mã nguồn với Khối mã
Code Blocks là một tiện ích bổ sung thay thế cho CP mà bạn có thể thêm vào Tài liệu. Đây thực sự là một tiện ích bổ sung tốt hơn một chút để làm nổi bật cú pháp vì nó bao gồm nhiều chủ đề làm nổi bật. Nhấn vào Rảnh rỗi trên trang web này để thêm Khối mã vào Tài liệu.
Khi bạn đã cài đặt Khối mã, hãy mở Tài liệu, sao chép và dán cùng một mã JavaScript ở trên vào trình xử lý văn bản như trước đây. Nhấp chuột Tiện ích bổ sung >Khối mã và chọn Khởi đầu để mở thanh bên được hiển thị trong ảnh chụp ngay bên dưới.
Chỉ chọn văn bản JavaScript bằng con trỏ của bạn. Đảm bảo rằng bạn không chọn bất kỳ không gian tài liệu trống nào bên trên hoặc bên dưới mã. Lựa chọn JavaScript từ menu thả xuống đầu tiên. Sau đó, bạn cũng có thể chọn một chủ đề từ Chủ đề trình đơn thả xuống. Nhấn vào Định dạng để thêm đánh dấu cú pháp vào mã như hình dưới đây. Bây giờ văn bản JavaScript rõ ràng hơn nhiều với các thẻ đánh dấu của nó được đánh dấu.
Sao chép và dán Mã nguồn được đánh dấu vào Google Tài liệu
Ngoài Code Blocks và Code Pretty Docs, bạn cũng có thể sử dụng các ứng dụng web đánh dấu cú pháp để định dạng mã nguồn. Sau đó, bạn có thể sao chép và dán mã nguồn được đánh dấu từ một ứng dụng web vào lại tài liệu Tài liệu của mình. Textmate là một ứng dụng web đánh dấu cú pháp định dạng nhiều ngôn ngữ lập trình và đánh dấu.
Nhấp vào siêu liên kết này để mở Textmate. Sau đó, sao chép và dán văn bản JavaScript có trong bài đăng này vào hộp mã nguồn của Textmate bằng phím nóng Ctrl + C và Ctrl + V. Lựa chọn JavaScript từ menu thả xuống Ngôn ngữ. Chọn chủ đề đánh dấu cú pháp từ menu thả xuống Chủ đề. Nhấn vào Điểm nổi bật để xem trước định dạng của mã nguồn như được hiển thị trong ảnh chụp nhanh ngay bên dưới.
Tiếp theo, chọn JavaScript được đánh dấu trong bản xem trước bằng con trỏ và nhấn Ctrl + C. Dán mã được đánh dấu vào Google Tài liệu bằng cách nhấn Ctrl + V. Điều đó sẽ thêm mã nguồn JavaScript được đánh dấu vào tài liệu Tài liệu như được hiển thị ngay bên dưới.
Vì vậy, bạn không cần trình soạn thảo văn bản trên máy tính để bàn để thêm đánh dấu cú pháp vào phần mềm và mã trang web. Thay vào đó, bạn có thể đánh dấu mã cú pháp trong tài liệu Documents bằng các tiện ích mở rộng Code Pretty và Code Blocks. Ngoài ra, sao chép và dán mã của bạn vào và từ ứng dụng web Textmate để chèn mã nguồn có đánh dấu trong Google Tài liệu.
Có bất kỳ cách nào khác để thêm định dạng cú pháp vào Google Tài liệu không? Chia sẻ chúng với chúng tôi dưới đây!
