It's simpler than a previous version because a editor button is added!

 

1. Get Hs Highlighter

Get Hs Highlighter for free!

 

2. Install it

Install Hs Highlighter from your Joomla!'s extension manager! All plugins are enabled after installing the file( I added some script:). That's all!

Now you can see a button to insert a code on article manager.

 

3. Click 'Highlight Code' button

Select a code's language and copy the code and paste it. Highlight line is a function to highlight some lines you specified.

 

When outputting the article on Joomla! frontend, the script automatically find the code and make it beautiful highlighted syntax!

var sample  = "It's easy";
alert(sample);

 

 It's easy, huh?