JQuery Codify

Overview

Codify is a JQuery plugin built to extremely simplify highlighting of specified pieces of text in the web page.

Optionally, Codify, using Geshi as backengine, can syntax highlight source code of over 180 programming languages.

Demo

Features

Easy Integration. Takes no exaustive coding of your part. A single line of JavaScript is more than enough. Or even easier - copy an example from this website and paste.

Multiple Browser Support. Codify has been tested and is working fine in Mozilla Firefox, Internet Explorer 6.0, Opera, Safari and Netscape Navigator.

Small Size. With the size of 8kb Codify is a pearl of art in the large family of syntax hyghlighters and is a must have for every JQuery developer.

Highly Configurable. Codify can be easily configured according to your requests.

Getting started

To use the Codify plugin, include the jQuery library and the Codify plugin inside the tag of your HTML document.

    <script src="jquery.min.js" type="text/javascript">
    <script src="jquery.codify.js" type="text/javascript">

Next Put your source code in the HTML tag <code> or <pre>. Second. Specify the title to be shown in the title attribute of the start tag (i.e. <code title="HTML Source">). Third. Specify which language to be used for highlighting (i.e. <pre title="JavaScript" class="javascript">).

Note. The difference between the <code> and <pre tag is, that with the code tag the code inside should be HTML formatted (i.e. instead of space one should use   and <br /> instead of new line)

<pre title="JavaScript" class="green">
    var array = new Array();
    array[array.length] = "Hello world";
</pre>

Finally. Call the codify plugin.

$(document).ready(function(){
    $("pre").codify();
});

Available styles?

There are currently four styles available - blue, green, red and uni (default).

$(document).ready(function(){
    $("pre").codify({style:"blue"});
});

$(document).ready(function(){
    $("pre").codify({style:"green"});
});

$(document).ready(function(){
     $("pre").codify({style:"red"});
});

$(document).ready(function(){
    $("pre").codify();
});

These can be optionally with no title shown.

$(document).ready(function(){
    $("pre").codify({title:false,style:"blue"});
});

$(document).ready(function(){
    $("pre").codify({title:false,style:"green"});
});

$(document).ready(function(){
     $("pre").codify({title:false,style:"red"});
});

$(document).ready(function(){
    $("pre").codify( {title:false} );
});

Syntax Highlighting

To allow syntax highlighting to be executed, place the "geshi" directory on your webiste. Then tell the codify plugin, where to find it with the geshi option. See the example bellow.

$(document).ready(function(){
    $("pre").codify({
          geshi:"http://mywebsite.com/geshi/codify.php"
    });
});

Supported languages

4cs-GADV 4CS
-MOS 6502 (6510) ACME Cross Assembler format
6502kickass-MOS 6502 (6510) Kick Assembler format
6502tasm-MOS 6502 (6510) TASM/64TASS 1.46 Assembler format
68000devpac-Motorola 68000 - HiSoft Devpac ST 2 Assembler format
abap-ABAP
actionscript-ActionScript
actionscript3-ActionScript 3
ada-Ada
algol68-ALGOL 68
apache-Apache configuration
applescript-AppleScript
apt_sources-Apt sources
asm-ASM
asp-ASP
autoconf-Autoconf
autohotkey-Autohotkey
autoit-AutoIt
avisynth-AviSynth
awk-awk
bash-Bash
basic4gl-Basic4GL
bf-Brainfuck
bibtex-BibTeX
blitzbasic-BlitzBasic
bnf-bnf
boo-Boo
c-C
c_loadrunner-C (LoadRunner)
c_mac-C (Mac)
caddcl-CAD DCL
cadlisp-CAD Lisp
cfdg-CFDG
cfm-ColdFusion
chaiscript-ChaiScript
cil-CIL
clojure-Clojure
cmake-CMake
cobol-COBOL
cpp-C++
cpp-qt" class="sublang- C++ (QT)
csharp-C#
css-CSS
cuesheet-Cuesheet
d-D
dcs-DCS
delphi-Delphi
diff-Diff
div-DIV
dos-DOS
dot-dot
e-E
ecmascript-ECMAScript
eiffel-Eiffel
email-eMail (mbox)
epc-EPC
erlang-Erlang
f1-Formula One
falcon-Falcon
fo-FO (abas-ERP)
fortran-Fortran
freebasic-FreeBasic
fsharp-F#
gambas-GAMBAS
gdb-GDB
genero-genero
genie-Genie
gettext-GNU Gettext
glsl-glSlang
gml-GML
gnuplot-Gnuplot
go-Go
groovy-Groovy
gwbasic-GwBasic
haskell-Haskell
hicest-HicEst
hq9plus-HQ9+
html4strict-HTML
icon-Icon
idl-Uno Idl
ini-INI
inno-Inno
intercal-INTERCAL
io-Io
j-J
java-Java
java5-Java(TM) 2 Platform Standard Edition 5.0
javascript-Javascript
jquery-jQuery
kixtart-KiXtart
klonec-KLone C
klonecpp-KLone C++
latex-LaTeX
lb-Liberty BASIC
lisp-Lisp
locobasic-Locomotive Basic
logtalk-Logtalk
lolcode-LOLcode
lotusformulas-Lotus Notes @Formulas
lotusscript-LotusScript
lscript-LScript
lsl2-LSL2
lua-Lua
m68k-Motorola 68000 Assembler
magiksf-MagikSF
make-GNU make
mapbasic-MapBasic
matlab-Matlab M
mirc-mIRC Scripting
mmix-MMIX
modula2-Modula-2
modula3-Modula-3
mpasm-Microchip Assembler
mxml-MXML
mysql-MySQL
newlisp-newlisp
nsis-NSIS
oberon2-Oberon-2
objc-Objective-C
objeck-Objeck Programming Language
ocaml-OCaml
ocaml-brief" class="sublang- OCaml (brief)
oobas-OpenOffice.org Basic
oracle11-Oracle 11 SQL
oracle8-Oracle 8 SQL
oxygene-Oxygene (Delphi Prism)
oz-OZ
pascal-Pascal
pcre-PCRE
per-per
perl-Perl
perl6-Perl 6
pf-OpenBSD Packet Filter
php" selected="selected-PHP
php-brief" class="sublang- PHP (brief)
pic16-PIC16
pike-Pike
pixelbender-Pixel Bender 1.0
plsql-PL/SQL
postgresql-PostgreSQL
povray-POVRAY
powerbuilder-PowerBuilder
powershell-PowerShell
progress-Progress
prolog-Prolog
properties-PROPERTIES
providex-ProvideX
purebasic-PureBasic
python-Python
q-q/kdb+
qbasic-QBasic/QuickBASIC
rails-Rails
rebol-REBOL
reg-Microsoft Registry
robots-robots.txt
rpmspec-RPM Specification File
rsplus-R / S+
ruby-Ruby
sas-SAS
scala-Scala
scheme-Scheme
scilab-SciLab
sdlbasic-sdlBasic
smalltalk-Smalltalk
smarty-Smarty
sql-SQL
systemverilog-SystemVerilog
tcl-TCL
teraterm-Tera Term Macro
text-Text
thinbasic-thinBasic
tsql-T-SQL
typoscript-TypoScript
unicon-Unicon (Unified Extended Dialect of Icon)
vala-Vala
vb-Visual Basic
vbnet-vb.net
verilog-Verilog
vhdl-VHDL
vim-Vim Script
visualfoxpro-Visual Fox Pro
visualprolog-Visual Prolog
whitespace-Whitespace
whois-Whois (RPSL format)
winbatch-Winbatch
xbasic-XBasic
xml-XML
xorg_conf-Xorg configuration
xpp-X++
z80-ZiLOG Z80 Assembler
zxbasic-ZXBasic

License

Codify ver. 2.0
Copyright (c) 2011 Remiya Solutions
Website: http://remiya.com

LICENSE
===========
This script may be used for both free and commercial purposes
only if the following conditions are met:

 1. You are hereby licensed to make as many copies of this
    script as you need in order to distribute your own work
    (including for commercial use). You are specifically
    prohibited from charging, or requesting donations,
    for any such copies without prior written permission.
	
 2. You ARE NOT allowed to distribute for download the script
    via electronic means (internet , e-mail, etc). This means
    that this software is to be available for download from
    the official website (http://remiya.com) ONLY.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

Download

I have read and fully understand the license agreement.

Ads