Sử dụng SyntaxHighlighter tạo dòng code trong bài viết

Có rất nhiều Syntax highlighting miễn phí giúp bạn làm nổi bật code trên các bài viết, giúp nó có mầu sắc hiển thị các dòng y như các công cụ lập trình chuyên nghiệp như notepad++, sublime_text...

Hiện nay hầu hết các Syntax highlighting được viết bằng ngôn ngữ Javascripts và được hỗ trợ rất nhiều các ngôn ngữ lập trình

Hôm nay Cmsblog xin giới thiệu đến các bạn chưa biết cách tạo các dòng code trên bài viết SyntaxHighlighter một công cụ hữu ích giúp tạo các dòng code trong bài viết vô cùng đơn giản.

Trước hết các bạn download nó về tại đây. Sau đó giải nén ra.


Các bạn mở file index.html trên một công cụ soản thảo code cho dễ nhìn ví dụ mình sử dụng notepad++

 Các bạn copy đoạn code trong phần head

Sau đó paste vào phần head tương ứng trong code của website các bạn. Chú ý đổi đường dẫn hoặc link host trong phần src của js và href của css.
Mình sử dụng blogger nên upload file lên google driver sau đó tạo link host bằng công cụ  Change URL Google Drive Tool

Sau khi hoàn thành xong bước này các bạn có thể viết các dòng code như ví dụ sau:

function helloSyntaxHighlighter()
{
    return "hi!";
}

Với code nằm giữa cặp thẻ <pre class="brush: js;"> và </pre> như trên và kết quả sẽ được

function helloSyntaxHighlighter()
{
    return "hi!";
}

Chúc các bạn thành công với công cụ tạo dòng code trên bài viết qua những hướng dẫn của Cmsblog

blogger news 00:04