20/1/12

[Javascript] Sử dụng Google Prettify trong Blogger

Google Prettify là một module viêt bằng javascript cho phep tô sáng code như sau:
class Voila {
public:
  // Voila
  static const string VOILA = "Voila";

  // will not interfere with embedded tags.
}

Sau đây mình xin giới thiệu cách sử dụng thư viện này để format code trong Blogger:
  • Trươc tiên ta vào Mẫu > Chỉnh sửa HTML
  • Luc này một cửa sổ chứa mã HTML của mẫu hiện ra. Ta tìm đến cuối thẻ <head> (chính là trươc ngay thẻ </head>) rồi chèn vào đoạn mã sau
    • <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
  • Sau đó lưu mẫu và băt đầu soạn thảo code. Khi muốn tô sáng đoạn code nào chỉ cần bao đoạn code đó bằng 1 thẻ <pre class="prettyprint">...</pre> hoặc <code class="prettyprint">...</code> là sẽ được tô sáng tự động
  • Để thay đổi theme cho code thì bạn thêm thông số skin vào thiết lập URL của script như sau
    • <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst'/>
At

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)