Reader
  • Home
  • About
  • Deals
  • Services
  • Contact
You are here: Home / Archives for syntax highlighter

Code Editor with Realtime Syntax Highlighting: JS-CodeEdit

Last updated on March 12th, 2010 by Gabriel Livan

JS-CodeEdit is a JavaScript editor that converts your HTML textareas into a code editor with realtime syntax highlighting. If added into a form, the content can be submitted e.g. to be written to a file. A nice thing is that you can add as many editors as you want within a HTML page.

Currently the code editor supports the following languages: PHP, JavaScript, HTML, CSS.

Read more from this entry…

Filed Under: JavaScript Tagged With: syntax highlighter

7 Awesome Free Syntax Highlighters – To Enhance User Readability

Last updated on October 6th, 2009 by Gabriel Livan

According to WikiPedia:

Syntax highlighting is a feature of some text editors that display text—especially source code—in different colors and fonts according to the category of terms. This feature eases writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it’s made only for human readers/editors.

SyntaxHighlighter 2.0 is one of the most popular fully functional self-contained code syntax highlighter developed in JavaScript. Alex Gorbatchev started this project in 2004 and since then has gained a lot of acceptance. Version 2.0 comes with a near complete rewrite, clean up, optimization, standard compliance and new features.

SyntaxHighlighter

Features include:

  • Easy to setup
  • Over 20 syntax brushes available (PHP, SQL, JavaScript, HTML etc.)
  • You can easily change the font size in the highlighted elements without having to mess around with additional CSS.
  • Allows you to force highlighted elements on the page to be collapsed by default.
  • Allows you to turn detection of links in the highlighted element on and off. If the option is turned off, URLs won’t be clickable.
  • Allows you to turn line wrapping feature on and off.
  • Source: http://alexgorbatchev.com/wiki/SyntaxHighlighter
  • Demos: http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes
  • License: LGPL 3

GeSHI is a Generic Syntax Highlighter that aims to be a simple but powerful highlighting class. Initially, it was started as an idea to create a generic syntax highlighter for the phpBB forum system, but has been generalized to this project.

geshi-code

Features include:

  • Support for a wide range of popular languages
  • Easy to add a new language for highlighting
  • Highly customisable output formats

GeSHi aims to do this all as quickly as possible. Many customisable features of GeSHi facilitate speed increases, and you can easily find a balance between the amount of highlighting done and the speed in which it is done.

  • Source: http://qbnz.com/highlighter/
  • Demo: http://qbnz.com/highlighter/demo.php
  • Download: http://sourceforge.net/projects/geshi/files/
  • License: GNU GPL

View more cool syntax highlighters…

Filed Under: JavaScript Tagged With: syntax highlighter

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2026 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact