Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Crayon Syntax Highlighter

Syntax Highlighter supporting multiple languages, themes, fonts, highlighting from a URL, local file or post text.

A Syntax Highlighter built in PHP and jQuery that supports customizable languages and themes. It can highlight from a URL, a local file or Wordpress post text. Crayon makes it easy to manage Language files and define custom language elements with regular expressions. It also supports some neat features like:

  • Integrated Theme Editor!
  • Tag Editor in both Visual & HTML editors
  • Toggled plain code
  • Toggled line numbers
  • Copy/paste code
  • Open code in a new window (popup)
  • Line wrapping
  • Code expanding
  • Minimizing
  • bbPress 2 support
  • Converting legacy code in blog posts/comments to <pre>
  • Remote request caching
  • Mixed Language Highlighting in a single Crayon
  • Mini Tags like [php][/php]
  • Inline Tags floating in sentences
  • Crayons in comments
  • `Backquotes` become <code>
  • <pre> tag support, option to use setting-value in the class attribute
  • Valid HTML 5 markup
  • Visual & HTML editor compatible
  • Mobile/touchscreen device detection
  • Mouse event interaction (showing plain code on double click, toolbar on mouseover)
  • Tab sizes
  • Code title
  • Toggled toolbar
  • Retina buttons
  • Striped lines
  • Line marking (for important lines)
  • Line ranges (showing only parts of the code)
  • Starting line number (default is 1)
  • Local directory to search for local files
  • File extension detection
  • Live Preview in settings
  • Dimensions, margins, alignment, font-size, line-height, float
  • Extensive error logging

Links

Contributions

There are many ways you can help!

  • Make a Theme and share
  • Add support for your favourite Language
  • Write a post about your pastel experiences and share
  • Donate to the project

Supported Languages

Languages are defined in language files using Regular Expressions to capture elements. See the Crayon Language File Specification to learn how to make your own.

International Languages

Articles

These are helpful for discovering new features.

The Press

A handful of articles from others written about Crayon, thanks guys!

Donations

Thanks to all those who donate to the project:

Author Aram Kocharyan
Profile
Contributors akarmenia
Tags bbPress, code highlighter, crayon, highlighter, highlighting, syntax, syntax highlighter
  1. crayon-syntax-highlighter screenshot 1

    Classic theme.

  2. crayon-syntax-highlighter screenshot 2

    Twilight theme.

  3. crayon-syntax-highlighter screenshot 3

    Mixed Language Highlighting.

  4. crayon-syntax-highlighter screenshot 4

    Tag Editor.

  5. crayon-syntax-highlighter screenshot 5

    Theme Editor.

  • Download the .zip of the plugin and extract the contents.
  • Upload it to the Wordpress plugin directory and activate the plugin.
  • Even easier, just go to Plugins > Add New and search for "Crayon".
  • You can change settings and view help under Settings > Crayon in the Wordpress Admin.
  • Make sure your theme either manually specifies jQuery, or uses the version shipped with Wordpress (recommended). You should NOT print out jQuery manually in the header as a script tag. Enqueueing it in Wordpresss will prevent duplicate jQuery includes (also bad) and will allow other scripts to be placed AFTER jQuery in the head tag so they can use it. If you're uncertain, just let Wordpress handle it and remove any jQuery script tags you find in your theme's header.php.

2.6.8

  • ADDED:
    • OCaml langauge thanks to zhenjie
    • Added Capacitacionti theme
  • FIXED:
    • SVN issue with old versions of JS and CSS resources being deployed instead of the latest from the dev repo.

2.6.7

  • ADDED:
    • Traditional Chinese translation (thanks to Arefly)
    • Converting tabs to spaces setting is now off by default. The original tab size setting is used with the tab-size CSS style instead to preserve tabs in the source.
    • "ignore:true" setting in the class of pre tags will prevent that code block from being parsed by Crayon.
    • Obsidian theme thanks to Rakcheev Artem.
    • Visual Assist theme thanks to Brady Reuter.
  • FIXED:
    • Styling for (?) buttons on settings page.

2.6.6

  • ADDED:
    • Persian translation (thanks to MahdiY).
    • C1 language and themes (thanks to Oparin Pavel).
  • FIXED:
    • Improved Chinese translation and Go language statements (thanks to sumhat)
    • Theme editor failing to load.
    • Updated to WP 4.0

2.6.5

  • ADDED:
    • Shell-default theme.
  • FIXED:
    • Added missing SVN files.

2.6.4

  • ADDED:
    • Swift language (thanks to weyhan).
    • Light Abite theme.
    • Missing gettext for in settings page.
    • Finnish translation (thanks to vahalan).
  • FIXED:
    • Issue causing other shortcode tags (e.g. captions) to be removed on post save.
    • Improved tag editor button style when active to use the default for TinyMCE.
    • Style missing for visual editor if switching from text mode after a refresh.
    • String matching fixes thanks to mcmanigle

2.6.3

  • FIXED:
    • Removed commercial links from translations section following advice from WordPress.

2.6.2

  • ADDED:
    • Ukrainian translation.
  • FIXED:
    • Tag Editor compatibility with WordPress 3.9.1.
    • Reduced loading times by lazily loading Tag Editor content, which was parsing all languages to populate the dropdown.
    • Added more debug statements to log issues with loading resources and parsing languages.
    • Removed clear: both and float: none from crayon tag styles.

2.6.1

  • ADDED:
    • Sublime-text theme.
    • PowerShell ISE Theme thanks to ITFiend.
  • FIXED:
    • C# improvements thanks to Meligy
    • Admin uses HTTPS for requests when available (thanks to taoeffect)
    • Tag Editor button failing to function Firefox.
    • Shell language improvements thanks to mixProtocol and ITFiend.

2.6.0

  • ADDED:
    • Delphi Web Script language (thanks to smartmobilestudio).
    • Added Pspad theme.
    • Dark terminal theme (thanks to http://blog.naydenov.net/)
    • Support for user-defined languages in the wp-content/uploads/crayon-syntax-highlighter/langs folder which will remain after upgrades.
    • Korean translation.
  • FIXED:
    • Dutch translation.
    • Compatibility with Wordpress 3.9:
    • Tag editor updated to comply with TinyMCE version 4.
    • Admin script failed to load since "wpdialgs-popup" script is no longer available.

2.5.0

  • ADDED:
  • FIXED:
    • Fixed a bug causing posts with only backquotes and no Crayon tags to be ignored.
    • wrap="off" is now set to wrap="soft" to adhere to W3C standards.
    • The copy button tooltip.
    • Retina button order in the sprite sheet.
    • Wrapping of code lines in some wordpress themes.
    • Wrapped line height was being overridden by CSS.
    • Settings page docs links.

2.4.3

  • ADDED:
    • Slovenian language
    • Coda Special Board theme
    • Rust language
    • Utilities for converting files containing lines into arrays or regex
  • FIXED:
    • Prevented Google translate from affecting the code.

2.4.2

2.4.1

  • ADDED:
    • Merged two versions of MySQL from different authors into a single language folder
    • VB.net language
  • FIXED:
    • Removed dependency on jQuery.browser.msie in popup script
    • Fixed Colorbox CSS conflicts
    • CSS improvements for Colorbox to prevent unusable controls
    • German translation improvements

2.4.0

  • ADDED:
    • MySQL language
  • FIXED:
    • Replaced Fancybox with Colorbox to comply with GPLv2

2.3.1

  • ADDED:
    • New setting to remove <code> blocks surrounding the code, often not intended to be in the code itself
    • Scala language thanks to https://github.com/vkostyukov
  • FIXED:
    • Most important documentation paths now point to github docs.

2.3.0

  • ADDED:
  • FIXED:
    • Escaping quotes in strings
    • R language type literals
    • Arabic translation
    • Forced LTR for Crayon CSS, preventing the line numbers from appearing on the right
    • Added unhighlighted colour to theme editor and existing dark themes
    • New theme inputs not present in the loaded theme are added during save
    • Fixed a bug related to IIS 7.5 and uniqid(): https://github.com/aramk/crayon-syntax-highlighter/issues/97

2.2.1

  • ADDED:
    • Mirc Dark theme
    • Feeldesign theme
    • IntelliJ theme
    • Arabic translation
  • FIXED:
    • All language css classes are prefixed with "crayon-" to prevent conflicts
    • Terminal theme fix
    • Improved language readme
    • Lines containing a single zero appeared blank when highlighting was disabled
    • AppleScript regex (thanks to darricktheprogrammer)

2.2.0

  • ADDED:
    • ASP language
    • Added Secrets of Rock theme
    • <code> tags can now be captured as either inline or block Crayons.
  • FIXED:
    • Comments now pass through filters before being checked for Crayons.
    • JavaScript and CSS resources are minified into single files on the front-end to reduce HTTP requests.
    • Toolbar buttons use a sprite sheet, not individual images.
    • bbPress now allows posting Crayons for non-users

2.1.4

  • ADDED:
    • Eclipse theme
    • Background colour for language added to Theme Editor
    • More extendable handling and santisation of settings
  • FIXED:
    • Blog content was being treated as a single code block due to a change in the internal CrayonWP::highlight() method
    • Crayon post management is now refreshed when plugin is activated
    • Terminal theme improvement

2.1.3

  • ADDED:
  • FIXED:
    • Expanding code issues to do with position and dimensions
    • Toolbar font-size and line height improvements
    • Now settings which affect capturing trigger a refresh of crayon posts when modified
    • Added message about emailing in submit window of theme editor
    • Border is now drawn inside so right border won't clip from theme CSS
    • Comments were not detected to contain Crayons unless edited in wp-admin
    • Highlighting improvements for variables and entities

2.1.2

  • ADDED:
    • R language
    • TinyMCE is automatically added to the comment box when the Tag Editor is enabled on the frontend
    • SQL Management Studio 2012 Theme
  • FIXED:
    • bbPress Tag Editor button wasn't showing
    • Slashes are now added to post content before legacy tag conversion, since wp_update_post removes them
    • PowerShell improvements
    • Empty directory path on some pages
    • Expanding uses absolute positioning, so it will stay on top of other elements
    • When expanded the toolbar controls move left for easier toggling
    • CSS conflicts with wordpress themes causing line-height and font-size overrides to be ignored

2.1.1

2.1.0

  • ADDED:
    • Arduino language
    • LESS language
    • Sass language
    • Lisp language
    • AmigaDOS language
    • Added CoffeeScript thanks to http://firn.jp/crayon-coffeescript
    • Line numbers right border in theme editor
    • New Themes: Familiar, Idle, Tomorrow, Tomorrow Night, Github, VS2012, VS2012 Black
    • Ability to minimize code
    • Translation to Slovak
  • FIXED:
    • jQuery UI is no longer an external dependency; now using wpdialog(). Theme Editor updated to use wpdialog.
    • Inline tags. See: https://github.com/aramk/crayon-syntax-highlighter/issues/57
    • Tag Editor didn't work on front end
    • Improved legacy tag conversion functions by removing false positives arising from duplicate regex
    • Slightly faster conversion of legacy by delaying database writes until the end
    • &-quot; is also converted now in HTML
    • Position of color picker top is remembered
    • Minor bug in saving themes causing field name mapping to be ignored.
    • Added missing blank.gif in fancybox
    • MS DOS language fixes
    • Taken measures to prevent incorrect upload directory creating a folder in root.
    • Theme fixes. 'border' is now split automatically into separate CSS rules.
    • Monospaced font for Tag Editor
    • "Attempt to load Crayon's CSS and JavaScript only when needed" setting improvements
    • Logging improvements
    • Unchecked property: Notice: Undefined property: WP_Query::$post
    • Theme Editor PHP classes renamed to avoid conflicts
    • Log uses strval() instead of ob_start() to avoid conflicts with other plugins using ob_start() without ob_end_flush() or similar

2.0.2

  • FIXED:
    • Converting tags failed to work since 2.0.0 - also fixed minor bugs leading to false positives for legacy tags.
    • Copy function was calling invalid function, preventing duplication from taking place.
    • Slashes are removed from server side input which was appearing from the change code dialog

2.0.1

  • ADDED:
    • Ability to change sample code in settings
  • FIXED:
    • Changes in ID definitions caused C++ and C# to fail loading.
    • Fixed issues with minified CSS not loading in popup window
    • Using wp_mkdir_p instead of mkdir for creating directories and such.
    • Admin resource dependencies

2.0.0

  • ADDED:
    • Theme Editor allowing users to create and modify Crayon Themes!
    • Polish translation (thanks to Bartosz Romanowski)
    • Vim language
    • Solarized themes (thanks to Greduan)
    • Converting legacy tags now has an "encode" option. If selected, any legacy tag where the "decode" attribute is missing (neither true or false) has its code encoded and decode="true" specified.
  • FIXED:
    • Removed fancybox_init.js and integrated into util.js, other minor improvements in loading Tag Editor
    • Improved expanding with shirt
    • Issues with expanding a single line, other minor issues.
    • Merged JS and PHP debugging toggle
    • Moved everything towards camelCase from underscores
    • Minor improvements to Objective-C
    • Numerous bug fixes and improvements!

1.17

  • ADDED:
    • Selected text in the TinyMCE editor is now added into the code box of the Tag Editor
    • Retina buttons for the toolbar
    • Support for Wordpress 3.5
  • FIXED:
    • Removed fancybox_init.js and integrated into util.js, other minor improvements in loading Tag Editor
    • Disabling popup now removes the JS resource
    • Refactored Tag Editor functions
    • Display Tag Editor settings on the frontend wasn't working
    • Removed contextual help and added more useful links, including online help
    • Checkboxes have labels instead of spans thanks to https://github.com/toszcze
    • Undefined php variable fix thanks to https://github.com/toszcze
    • Dimension fixes in js on hover
    • On iOS the fonts appeared larger for code than for line numbers.
    • Expanding code shrunk instead if the toolbar was visible
    • Updated Turkish

1.16

  • ADDED:
    • Expanding code beyond the page border on mouseover - enable the setting under Settings > Crayon > Code.
    • Expanding the code is delayed in the same way using the toolbar delay setting.
    • French translation
    • Portuguese translation
  • FIXED:
    • Carriage returns and new line characters were being treated differently and not being detected correctly. I'm using a new regex which detects both and also captures the line content: (?:^|(?<=\r\n|\n))[^\r\n]*
    • JS variable bugs when minifying with W3 Total Cache
    • CSS did not load in newly opened code window if minified
    • Saved comments did not capture Crayons until they were updated or the post list was refreshed in settings
    • Posts in settings are sorted now descending based on modified date
    • bbPress posts showed Crayons on the bottom of posts irrespective of their position in the post content.
    • Toggle plain code button appeared when plain code was disabled
    • Updated Turkish translation

1.15

  • ADDED:
    • The settings page no longer searches through all posts looking for legacy tags until you hit a new "refresh" button. Refreshing will look through all posts for crayon tags, and also mark any that are legacy tags. The same process occurs on an individual basis when saving a post.
    • The settings page shows which posts contains legacy tags, and the buttons do not hide when showing the table.
    • Added theme information to the settings page
    • Improved version updating
    • Code in a new window loses size constraints
    • MS-DOS batch language (thanks to http://www.amigalog.com/?p=334)
    • Minor improvements
  • FIXED:
    • Fancybox issues have been fixed: http://aramk.com/blog/2012/11/28/initialising-fancybox-with-custom-objects/
    • max/min-height/width didn't work on Tag Editor
    • Width discrepancy before and after mouseover from 1px border
    • Before and after whitespace didn't display correctly
    • Code opened in a new window didn't display if the current wp theme css was included
    • IE 8 compatibility issues
    • Dropdown of languages in settings and Tag Editor are now sorted by name, not id
    • By default "Display the Tag Editor in any TinyMCE instances on the frontend" is disabled to reduce resources
    • Chinese translation updated

1.14

  • All AJAX functions are now using the wp_ajax action and admin-ajax.php method defined here: http://codex.wordpress.org/AJAX_in_Plugins. This means Crayon no longer passes around the wp_load path and doesn't use it as a $_GET variable to load AJAX requests. The security vulnerability in 1.13 is no longer present and that code has been removed.
  • font-size and line-height has been removed from the crayon style CSS and is specified using the settings screen - the custom font size is enabled at 12px. This allows you to disable the custom font size and allow your own CSS to take control of the sizing for you. With the custom size disabled the inherited size is applied, so the code will appear at the size of its parent element based on your wordpress theme.
  • Update functionality has been improved so the CrayonWP update function is only called when an update is detected from a change in the version string, not every time you load the page! If using lower than 1.14 the custom font size setting is enabled for you, since this setting was disabled by default in previous versions.
  • Fixed a bug preventing Tag Editor from showing on the front end (related to the AJAX fix)
  • Moved global js variables to the init functions which are called on ready()
  • Fancybox now uses "fancybox" as the script name and checks if another version is already queued
  • Fixed a bug where post previews were not displaying any Crayon code
  • Fixed an issue with code wrap not reverting when disabled
  • Fixed a bug causing code wrap from distorting the style of the popup
  • Added Erlang thanks to Daniel (adostudio.it)
  • Fixed a bug where languages were parsed too late to pick up language modes
  • Updated German translation.

1.13.1

  • Fixed an bug with file paths on Windows causing false positives for the security checks needed to load AJAX requests; thanks to Andreas Giemza.
  • Fixed a bug in list_posts.php, also thanks to Andreas.
  • Added a more spaced classic theme, mostly for testing at the moment.

1.13

  • Added line wrapping.
  • Fixed a bug in converting tags.
  • Fixed a bug preventing Tag Editor from opening in HTML editor.
  • From now on, only the wp-admin will reveal your wordpress install directory.
  • The plain code now wraps based on the toggle setting.
  • Fixed a potential vulnerability when loading components through AJAX and a remote PHP file path is provided. Thanks to Charlie Eriksen via Secunia SVCRP.
  • Spanish updated

1.12.1

  • Fixed a bug with bbPress preventing posts from appearing.

1.12

  • Added ability to convert all legacy Crayon tags in blog posts and comments to <pre> tags, retaining all attributes. These are the accepted standard for the Tag Editor and they're backwards compatible (if Crayon is off or you're using another highlighter).
  • Added a button in the settings page to display the list of posts with Crayon tags
  • Fixed a bug causing posts with Crayon tags only in the comments (not the post content) to be ignored.
  • Added Go Language
  • Added 4 new fonts suggested by Andrea Lazzarotto
  • Added Ado theme thanks to adostudio.it
  • Superfluous <code> tags wrapping around the code are removed
  • Fixed encoding bug in rss feeds, now takes decode setting into account
  • Fixed mixed highlighting + icon from showing all the time, only shows with mixed language code
  • Fixed a bug introduced in 1.11 that caused the page to scroll up to the top on refresh
  • Updated Spanish and Turkish translations

1.11

  • Added bbPress support.
  • Integrated Tag Editor with Fancybox, switched from the discontinued ThickBox, a fair amount of changes took place.
  • Crayon should now appear pretty much anywhere TinyMCE does, and this can be tweaked to add more options later.
  • Added setting to disable Tag Editor on front end, and/or disable its settings.
  • Added the ability to specify line ranges
  • Added Microsoft Registry language thanks to techexplored.com
  • Added MIVA Script language
  • Added Transact-SQL language
  • Added option to add blank lines before and after the code
  • Wrote a neat GeSHi language file scraper, makes it easier to scrape GeSHi files for grouped keywords and add them as Crayon languages
  • Added improved Spanish translation (thanks to Hermann Bravo)

1.10.1

  • Added diff language thanks to omniavin
  • Fixed CSS rule for plain-wrap
  • Added CSS class and white background to popup window
  • Removed noConflict() that was causing jQuery to fail on scripts that used $
  • Fixed an issue in the German translation causing "%gt;" (should be "&") to be recognised as an argument in printf.
  • The new method for using the wp_load.php path provided through a GET request from Crayon's js to its PHP should allow redefinitions WP directories in wp_config

1.10

  • Added Dutch translation thanks to @chilionsnoek.
  • Added Delphi/Pascal thanks to Chris McClenny (http://squashbrain.com/)
  • Added AppleScript
  • Language is automatically selected from the Tag Editor dropdown as you type a URL with an extension (e.g. typing "cs" would select "C#")
  • Fixed a preventing language being detected from extension
  • Fixed a bug causing crayon:false to be ignored in the class tag
  • Cleaned up crayon's js so it's not possible to overwrite the jQuery instance
  • Fixed bug causing repeats of Crayon due to broken tags from using Mini Tags
  • Fixed isses with ignoring Mini Tags with $
  • Added Italian translation thanks to Federico Bellucci (http://www.federicobellucci.net/)

1.9.12

  • Fixed a bug caused by unescaped HTML elements in the plain code breaking the page markup, reverted to escaped and uses the new sanitisation method.

1.9.11

  • Fixed an issue with IE 8 throwing JS errors for setStyleProperty
  • Fixed yet another issue with \r\n causing incorrect span tags, refactored code.

1.9.10

  • Another fix regarding the \r\n line breaks

1.9.9

  • Fixed a bug caused when ensuring "\r\n" was present in 1.9.8. It was due to using '\r\n' instead of "\r\n".

1.9.8

1.9.7

  • Fixed a crucial but hard to spot bug causing Crayon code to break by incorrectly handling ignored Crayons
  • Added functions to generate Crayons when given Crayon tags in strings like the post content
  • Added width:100%; so CSS float works
  • Removed bit.ly links from this readme

1.9.6

  • Fixed a bug causing wordpress wp_content path customisations to break the tag editor and live preview
  • Fixed a bug with marked lines using ranges

1.9.5

  • Fixed a bug that prevent Crayons from being captured internally, only affected on certain themes
  • Fixed a bug causing backquotes being changed to code within Crayon code

1.9.4

  • Added /util/external_use.php for an example of how to use Crayon in other PHP environments.
  • Fixed issues with the excerpt, now Crayons are not stripped out by default, can be changed in Settings > Misc.
  • Fixed font-size issues that may conflict on some themes.
  • Crayons in comments now have their HTML entities decoded by default, specify "decode:false" in the class attr or decode="false" as an attr if you don't want it to decode.
  • Fixed a newline bug thanks to Eugene at http://iteye.ru/

1.9.3

  • Added Perl
  • Minor bugs fixed thanks to http://hahler.de
  • Fixed bug in js detecting PCs as Macs
  • Fixed IE bug preventing code from opening in a window
  • Fixed bug causing comment <p> tags being removed

1.9.2

  • Fixed an error preventing code containing HTML tags from being added using the Tag Editor in Visual mode
  • Fixed CSS for Mixed Highlighting (+)
  • Added a new theme thanks to http://blog.phiphou.com

1.9.1

  • Added Assembly (x86)
  • Standardised the toolbar buttons, now they use CSS spriting and have the same colour
  • Changed Theme CSS background to avoid conflicts with themes that affect TD tags
  • Fixed bug caused by discrepancies in how checkbox values were handled in Tag Editor
  • Fixed a bug causing $root variable to change on some setups, preventing tag editor from loading

1.9.0

  • This update is the biggest update yet - highly recommended for all users.
  • Added a brand new Tag Editor in the Visual Editor toolbar! Greatly simplifies adding code to posts in the Visual Editor. You can also switch between Visual and HTML modes to verify your code before posting!
  • Added ability to decode HTML entities, so now you can use <, > etc. in the Visual Editor. But if you need indentation etc, you'll want to use the HTML editor for posts with Crayons. You can also use decode="yes/no/true/false" to set this for an individual Crayon.
  • Added ability to decode attributes, which is enabled by default to avoid seeing encoded strings in the title, and also to allow encoded angle/square brackets in the title that would otherwise clash with the Crayon tag brackets if left unencoded.
  • Added ability to use the class attribute in <pre> tags for specifying settings like url, mark, lang, toolbar and all other valid settings like in a normal [crayon] tag. This will ensure your <pre> tags remain valid XHTML markup even with Crayon disabled.
  • Added ability to specify hyphen-separated-values in the class attribute of a <pre> tag to make them look like actual class selectors. E.g. <pre class="lang-objc toolbar-false">...</pre>. The setting name is made up of letters and hyphens ONLY, the value is whatever is left between the last hyphen and the next whitespace character.
  • Added Scheme language thanks to https://github.com/harry75369
  • Added ABAP language with help from Christian Fein
  • Added a new setting: crayon="false/no/0" as an attribute or crayon:false in the class tag of a <pre>. This will ignore the <pre> tag and not turn it into a Crayon for those rare cases you don't want to use the plugin.
  • Improved the method of finding posts with Crayons - now it will search through all posts for Crayons and save the ids in the options db. When the_posts is called, it won't need to do any extra searching on page loading and will already know which post has Crayons. Like before, pages which might use page templates will turn off enqueuing of fonts and themes to ensure they are always printed.
  • Overriden Language File elements are now put first in the CSS class name, so the extended element can override in a theme
  • Prevented capturing Crayons in the admin
  • Crayons now use HTML5 valid markup
  • I'm still sticking to the wrap="off" for no-wrapping preformatted styling - CSS doesn't do the trick yet: http://stackoverflow.com/questions/657795/how-remove-wordwrap-from-textarea
  • Improved ajax handling
  • Cleaned up the settings screen
  • Line numbers now use UID in id to avoid duplicates
  • Crayon CSS updated to use inline styles and never use style tags in the body
  • Simplified the toolbar buttons to suit the minimalistic design of the rest of Crayon. It'll look badass with an inset shadow in a future theme...
  • Plain tags are now just <pre> tags and don't contain the inline code tag since they are block tags.
  • Fixed a MAJOR bug preventing previously captured Crayons from being applied to post content!
  • Fixed a bug causing case insensitive Boolean settings to fail at times
  • Fixed a bug causing a [crayon ... /] tags to be recognised as [c ... /] tags (added a \b)
  • Fixed a bug preventing highlight="false" from working
  • Fixed a bug preventing mouse events for showing plain code when toolbar is always hidden
  • Fixed a bug preventing smart enqueuing from detecting if a Crayon was present before enqueuing resources.
  • Fixed a bug causing inline tags to be surround in <p> tags
  • Fixed a bug causing toolbar=1 to be regarded as toolbar=false from legacy settings
  • Fixed a bug causing content to be specified but not formatted for URLs with no code given
  • Fixed removing $ in font of ignored crayons like $<pre...
  • Fixed js .style bugs in < IE 9
  • Cleaned up code for specifying attributes, NULL attributes are not passed as empty strings anymore.
  • The log looks cleaner now
  • Now crayons are replaced with [crayon-id/] in posts before being replaced with the actual Crayon
  • If js ever fails to load, it won't affect styling, just functionality
  • Added ability to use closed Mini Tags like [php ... ] when you're just giving a URL
  • Added lenient spaces for closed tags
  • Fixed element content text in XHTML to avoid capturing "" as strings
  • Added Lithuanian translation thanks to Vincent G

1.8.3

  • Added inline support for Crayons using the inline="true" attribute or even cooler with {php}...{/php} style tags.
  • backquotes become <code>
  • Added support for Crayons in comments!
  • Added Apache
  • Fixed a bug causing irregular formatting of Crayons by increasing the priority of the_content filter, thanks to http://joshmountain.com/
  • Added sample code for missing languages in Live Preview

1.8.2

  • Added AutoIt and PowerShell
  • Fixed a bug causing single line comments on the last line without carriage return to be ignored.
  • Fixed bug causing crayon.js to fail when show-plain-default was enabled thanks to http://www.stuarticus.com/

1.8.1

  • Added Lua
  • Added YAML
  • Added different highlighting for preprocessor in C, C++, C# and Obj-C. Any other lang can use it as well.
  • Improved Russian translation thanks to Di_Skyer (http://atlocal.net/)
  • Added new "Neon" theme thanks to Di_Skyer (http://atlocal.net/)
  • Added ability to log debug messages if CRAYON_DEBUG is TRUE in global.php
  • Added ALLOW_MIXED = YES/NO option in language files to disable ability to have mixed language highlighting

1.8.0

  • Added PostgreSQL thanks to Emiliano Leporati and Alessandro Venezia from http://bitorchestra.com/
  • Added ActionScript
  • Thanks to Thomas Tan for finding and fixing IE6 compatibility bugs in crayon.js!
  • Improved Objective-C, XHTML and default language
  • ?alt: tag now supports spaces in language files, treats then as \s+
  • Added support for single quotes in CSS and JS

1.7.30

  • Added Inventor iLogic as a language
  • Added cellspacing and cellpadding back into table due to spacing issue after trying to conform to W3C standards...
  • Improved default language constants
  • Added missing language samples for live preview (ruby, monkey and ilogic)
  • More prominent "show language" button

1.7.29

  • Thanks to @west_323 for updating the Japanese translation

1.7.28

  • Fixed a bug prevent attributes from being detected since 1.7.24
  • Added Turkish languge thanks to Hakan (http://kazancexpert.com)

1.7.27

  • Recommended update for everyone. This fixes a bug in 1.7.25 where Mixed Highlighting would fail inside an html tag
  • Greatly simplified the mixed highlighting method, more robust
  • Made it impossible to nest delimiters, which mimics the behaviour in supported languages.

1.7.26

  • Added translations to the tooltips and copy notification in the toolbar

1.7.25

  • German translation improved by Stephan Knauß;
  • Added missing translations in other languages and fixed bug preventing dropdowns from being translated
  • Added translators to the about page
  • Oh, added <html>...</html> tag into the delimiters
  • But of course, if you wanted say HTML with PHP, then you'd set the language to HTML and use <?php ... ?> tag when you needed them

1.7.24

  • Added support for Ruby(on Rails)?
  • Added support for Ruby file extensions like rb, rbx
  • Added "rb" alias for [rb][/rb] Mini Tags
  • Added RHTML delimiters like %lt;% and %%gt;
  • Added a bottom margin to the Plain Tag
  • Added support for quotes in the title attribute
  • You still need to use " some 'title'" or ' some "title" ' properly, not "' or '" ;)

1.7.23

  • Remove 'theme-font' and replaced default as 'Monaco'.
  • Remove @import for fonts and replace with CSS tags. This should fix any 404 issues.
  • Now all fonts reside in /fonts with font-face fonts having a separate directory by their name to store the font vectors etc

1.7.22

  • Fixed dimension and redraw issues on scrollbars

1.7.21

  • Fixed a bug that relied on register_activation_hook to update the database on auto update

1.7.20

  • "Always display scrollbars" now a checkbox

1.7.19

1.7.18

  • Fixed issue with extra <br/> and <p> tags before and after Crayons

1.7.17

  • Added a setting to use just the main WP query or to use the_posts wherever it is used (default now).
  • Improved XHTML

1.7.16

  • Running out of revision numbers!
  • Fixed a bug causing default-theme from loading as a font
  • Fixed an issue where the js used to remove inline styles before opening in another window was missing the /g regex modifier
  • Cleaned up loading and event handling in crayon.js
  • Fixed a bug causing code popup to fail
  • Improved CSS language
  • Improved JS language by adding regex syntax, yay!
  • Fixed issues with resizing Crayon and dimensions
  • Added support for custom excerpts

1.7.15

  • Fixed a bug prevented fonts and themes with spaces from being enqueued. Thanks to Fredrik Nygren.
  • Improved handling of id's and names of resources.

1.7.14

  • Fixed a bug that could potentially cause a PHP warning when reading the log when not permitted to do so.

1.7.13

  • Fixed a bug causing my settings and donate links to be appended to all plugins in the list. Thanks to Ben.

1.7.12

1.7.11

  • Added the option of either enqueuing themes and fonts (efficient) or printing them before the Crayon each time when enqueuing fails
  • Thanks to http://www.adostudio.it/ for finding the bugs
  • Improved theme and font handling
  • Improved theme detection and Crayon capturing

1.7.10

  • Fixed a visual artifact of loading that caused the plain code to be partially visible

1.7.9

1.7.8

  • Fixed a JavaScript bug in admin preventing language list loading
  • Fixed an issue causing plain code to load invisible the first time if set to default view
  • Added translations for 1.7.7 features

1.7.7

  • Added plain code toggling and ability to set plain code as default view
  • Minor improvements to Objective-C
  • Fixed some JavaScript bugs in the admin preview
  • Fixed copy/paste key combinations. Thanks to http://wordpress.org/support/profile/nickelfault.

1.7.6

  • Added highlight support for catching multiple exceptions in Java

1.7.5

  • Removed jQuery.noConflict() from crayon.js. This must have been causing some trouble if anything used $.

1.7.4

  • Added namespacing to crayon.js to prevent conflicts

1.7.3

1.7.2

  • Fixed a bug that prevented foreign languages from being initialised and used. Thanks to @west_323 for finding it.

1.7.1

  • Renamed Japanese GNU language code from ja_JP to ja.

1.7.0

1.6.6

  • Fixed a bug causing international Unicode characters being garbled in the title (thanks to simplelib.com!)
  • Fixed a bug that prevented strings from being highlighted

1.6.5

  • Fixed a bug causing international Unicode characters being garbled

1.6.4

  • Added user submitted Japanese language support. Thanks to @west_323!
  • <pre></pre> tags are now captured as Crayons. This can be turned off in Settings > Crayon > Code.
  • You can remove prevent capturing individual <pre> tags the same way as Crayons: $<pre> ... </pre>
  • This method of preventing the <pre> tag should be used if your code contains <pre> tags (nested <pre> tags) - otherwise it will cause conflicts.
  • Keep in mind that <pre> tags should not be editted in Visual Mode. Crayon will display all code as it appears in the HTML view of the post editor, where you can make code changes and use the tab key etc. If you want to use the Visual editor reguarly and are running into problems, consider loading the code form a file using the 'url' attribute.
  • I have removed the ability to have spacing between the starting and ending square brackets, so [crayon...] is valid but [ crayon ... ] is not. The same applies to <pre> tags (not < pre >). The reason is to improve performance on posts without Crayons by using strpos and not regex functions like preg_match, and also it's better formed.
  • Fixed a bug causing Plain Code to display characters as encoded HTML entities
  • Removed jQuery 1.7 from /js folder. Now uses the version provided by WP.

1.6.3

1.6.2

  • Added ability to use and define language aliases. eg. XML -> XHTML, cpp -> c++, py -> python

1.6.1

  • Avoided using $wp_query, $posts instead
  • Updated contextual help to be compliant with WP 3.3

1.6.0

  • Added internationalisation with 4 new languages: German, Spanish, French and Italian
  • These were translated using Google Translate, so if you speak these languages and would like to improve them, it's actually quite easy to edit - just contact me via email :)
  • More languages will be added as they are demanded

1.5.4

  • Recommended update for everyone
  • Fixed a bug that caused the default theme not to load if was anything but "classic" - Thanks to Ralph!

1.5.3

  • Fixed issue with incorrectly specified theme causing crash
  • Email Developer improved

1.5.2

  • Proper enquing of themes via wordpress, should cause no more issues with any themes
  • Cached images for toolbar items, no delay on mouseover
  • Fixed a minor regex bug in js preventing styles from being removed when in popup

1.5.1

  • Fixed plain code toggle button update

1.5.0

  • Added ability to cache remote code requests for a set period of time to reduce server load. See Settings > Crayon > Misc. You can clear the cache at any time in settings. Set the cache clearing interval to "Immediately" to prevent caching.
  • Fixed a bug preventing dropdown settings from being set correctly
  • Fixed AJAX settings bug
  • Fixed CSS syntax bug for fonts
  • Improved code popup, strips style atts
  • Added preview code for shell, renamed to 'Shell'
  • Code popup window now shows either highlighted or plain code, depending on which is currently visible

1.4.4

  • Revised CSS style printing
  • Fixed bugs with the "open in new window" and copy/paste actions
  • Upgraded jQuery to 1.7

1.4.3

  • Fixed a bug that caused the help info to remain visible after settings submit

1.4.2

  • Huge overhaul of Crayon detection and highlighting
  • IDs are now added to Crayons before detection
  • No more identification issues possible
  • Highlighting grabs the ID and uses it in JS
  • Only detects Crayons in visible posts, performance improved
  • This fixes issues with

1.4.1

  • Fixed Preview in settings, wasn't loading code from different languages
  • Fixed code toggle button updating for copy/paste
  • Added some keywords to c++, changed sample code

1.4.0

  • Added all other global settings for easy overriding: http://aramk.com/blog/2011/10/29/crayon-settings/
  • Fixed issues with variables and entites in language regex
  • Added Epicgeeks theme made by Joe Newing of epicgeeks.net
  • Help updated
  • Fixed notice on missing jQuery string in settings
  • Reduced number of setting reads
  • Setting name cleanup
  • Added a donate button, would appreciate any support offered and I hope you find Crayon useful
  • String to boolean in util fixed

1.3.5

  • Removed some leftover code from popupWindow

1.3.4

  • Added the ability to open the Crayon in an external window for Mobile devices, originally thought it wouldn't show popup

1.3.3

  • Added the ability to open the Crayon in an external window

1.3.2

  • Added missing copy icon

1.3.1

  • This fixes an issue that was not completely fixed in 1.3.0:
  • Removed the lookbehind condition for escaping $ and \ for backreference bug

1.3.0

  • Recommended upgrade for everyone.
  • Major bug fix thanks to twitter.com/42dotno and twitter.com/eriras
  • Fixed a bug causing attributes using single quotes to be undetected
  • Fixed a bug causing code with dollar signs followed by numbers to be detected as backreferences and replace itself!
  • Fixed a bug causing formatting to be totally disregarded.
  • Fixed the tag in post_content and the_excerpt by placing crayon detection after all other formatting has taken place
  • Added copy and paste, didn't use flash, selects text and asks user to copy (more elegant until they sort out clipboard access)
  • Added shell script to languages - use with lang='sh'
  • Removed certain usage of heredocs and replaced with string concatenation
  • Added 'then' to default statements
  • Cleaned up processing of post_queue used for Crayon detection and the_excerpt
  • Added focus to plain text to allow easier copy-paste

1.2.3

1.2.2

  • Fixed the regex for detecting python docstrings. It's a killer, but it works! (?:(?<!\)""".

Please see the documentation for all the details.

Support

Contact me at http://twitter.com/crayonsyntax or crayon.syntax@gmail.com.

Share  
Download
Version 2.6.8

Requires WordPress version: 3.0 or higher

Compatible up to: 4.0.0

Last Updated 14 Oct 2014

Date Added: 10 Aug 2011

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

4.8 stars
144 ratings
302,702 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 2

Probably Works.
Considering downloads, would expect problems reported.