How to use

Be sure that you have include the JQuery library. And just add this code inside your page head:

<script src="highlight.js" type="text/javascript"></script>

Call Highlighter on any selected pre tag:

$(document).ready(function(){
  $('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
});

Default params:

var defaults = {
  // show source code tab
  source: true,
  // show zebra
  zebra: true,
  //indents: "tabs" or "space"  
  indent: 'tabs',
  //ordered ("ol") or unordered ("ul') list
  list: 'ol'
}

And use such “pre” tags in page content to highlight code:

<pre class="code">default</pre>
<pre class="code" lang="js">js code</pre>
<pre class="code" lang="css">css code</pre>
<pre class="code" lang="html">html code</pre>
<pre class="code" lang="php">php code</pre>

Soon I plan to write a module for Drupal and plugin for WordPress based on this script.

Demo

See demo page with css, html, php, js syntax highlighted.

Download

Or you can download latest release on Github.

Changelog

Jquery Highlight 1.06, 2015-June-01
———————–
Added bash suppport, improved JS highlighting (Thanks again to owenBeresford).

Jquery Highlight 1.05, 2015-December-02
———————–
Many many many more PHP functions (Thanks again to owenBeresford).

Jquery Highlight 1.04, 2015-February-12
———————–
Added class, var, the PHP5 keywords, number formatting and others (Thanks to owenBeresford).

Jquery Highlight 1.03, 2015-February-11
———————–
Fixed incorrect comment parsing in PHP ( # )

Jquery Highlight 1.02, 2014-July-10
———————–
Added flex-* CSS keywords
//TODO Review a list of CSS properties and add missing to the plugin.

Jquery Highlight 1.1, 2013-May-23
———————–
– Added SQL highlighting (Thanks to ondrovic). Need to add nice color scheme.
– Introduced support of HTML5 syntax via valid “data-” attributes (Thanks to PieroWbmstr).

The post JQuery syntax Highlight plugin appeared first on WebCodingStudio.

Our team wrote a small WordPress Category HTML Description plugin, which solves this problem.
Plugin disables content filters and any html code you add to the category description will not be stripped out.

Installation:

1. Upload `wc_cat_description.php` to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress

To show html category description use the following code in your category.php/archive.php template.

<?php if(function_exists('wc_category_html')) : ?>
	<?php wc_category_html(); ?>
<?php endif; ?>

Download

• Version 1.0

The post WordPress Category HTML Description plugin appeared first on WebCodingStudio.