Sunday, August 14, 2016

Source code beautifier / Syntax Highlighter Using PrismJs for Blogger

Preparing this post I created simple syntax highlighter using prismjs http://prismjs.com/. Please find below some instructions how to use it.
Steps:

  1. Copy code to 'Source code' text field
  2. Select language
  3. Select theme
  4. Check 'Include style' checkbox. If you have already added some highlighted code to you blog page, you might uncheck 'Include style' checkbox to prevent css-styles duplication on your page.
  5. Click 'Transform' button
  6. Copy and paste generated code to your blog page. 

Source code
Highlighted code
Select language:
Select theme:
Include style:

No comments:

Post a Comment