JO's Code Highlighter

Details
Written by: Administrator
Hits: 184

Extension
Nom JO's Favorites
Joomla Extension  /jo-s-code-highlighter/
Github  JO's Favorites
Download  JO's Favorites Download

Description

JO's Code Highlighter is a plugin for Joomla which makes it possible to dress the code with a syntactic coloring.

The Syntactic coloring is a feature of the Text editors and IDE which applies colors and formats to distinguish code elements, thus improving the readability and facilitating the identification of errors

Syntax

<pre xml:lang="javascript" lines="true" > 
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19694431-1']);
_gaq.push(['_trackPageview']);
 
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
 </pre>



The result

  1. var _gaq = _gaq || [];
  2. _gaq.push(['_setAccount', 'UA-19694431-1']);
  3. _gaq.push(['_trackPageview']);
  4.  
  5. (function() {
  6. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  7. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  8. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  9. })();

Be careful to insert the xml:lang attribute right after the pre tag!!!

Github Sites

I made a "fork" of the main repo not updated for 12 years!!!

 JLTRY/Joomla-GeSHi

I decided to create a new plugin:

 JO's Code Highlighter

I hosted the code on github:

 JLTRY/jocodehighlight

It uses a fairly recent version of geshi  GeSHi/geshi-1.0/

Attachments:
 JLTRY/jocodehighlight/releases/download/v1.0.0/jocodehighlight-1.0.0.zip0 kB2025-10-28 07:52