CodeColorer is the plugin which allows you to insert code snippets into the post with nice syntax highlighting. I want to show you example first:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | class Feed < ActiveRecord::Base SOURCE_TYPES = { category: 0, tag: 1, user: 2, } define_enum :source_type, raise_on_invalid: true #------------------------------------------------- # Accessors def video_ids v = self[:video_ids] v.present? ? v.split(':').map(&:to_i) : [] end end |
Plugin based on GeSHi library, which supports most languages. CodeColorer has various nice features:
- syntax highlighting in RSS feeds
- syntax highlighting of single line of code (inline)
- syntax highlighting of code in comments
- line numbers
- automatic links to the documentation inserting
- code block intelligent scroll detection (short code would have short block, for long one block height would be fixed and scrollbar would appear)
- predefined color themes (Slush & Poppies, Blackboard, Dawn, Mac Classic, Twitlight, Vibrant Ink)
- syntax colors customization in CSS file
- code protect from mangling by WordPress (for example, quotes, double-dashes, etc would look just right as you entered)
Installation
-
Download and unpack plugin files to wp-content/plugins/codecolorer directory.
-
Enable CodeColorer plugin on your Plugins page in Site Admin.
-
Go to the Options/CodeColorer page in Site Admin and change plugin’s options as you wish.
-
Use
[cc lang="lang"]code[/cc]
or<code lang="lang">code</code>
syntax to insert code snippet into the post (you could skiplang="lang"
, in this case code would be in code block, but without syntax highlighting). Also you can use[cci lang="lang"]code[/cci]
to format inline code (see the “inline” option description). The list of available languages you could find below. -
Have fun!
Syntax
To insert code snippet into your post (or comment) you should use [cc lang="lang"]code[/cc]
or <code lang="lang">code</code>
syntax. Starting from version 0.6.0 you could specify additional CodeColorer options inside [cc]
tag:
1 | [cc lang="php" tab_size="2" lines="40"]// some code[/cc] |
Note: You should always use double quotes or single quotes around the parameter value. Boolean values could be passed using string true or false, on or off, number 1 or 0.
Short codes
Starting from CodeColorer 0.8.6 you can use short codes to insert code snippets. The short code in common looks like [ccMODE_LANG]
, where LANG is your programming language, and MODE is the one or more of following modes:
- i – inline
- e – escaped
- s – strict
- n – line_numbers
- b – no_border
- w – no_wrap
- l – no_links
Small letter means enabled, capital – disabled. Examples:
PHP code with links enabled and line numbers disabled:
1 2 3 | [cclN_php] echo "hello" [/cclN_php] |
Already escaped HTML code:
1 | [ccie_html]<html>[/ccie_html] |
Ruby code without wrapping having tab size equal to 4:
1 2 3 | [ccW_ruby tab_size="4"] attr_accessor :title [/ccW_ruby] |
More examples could be found on the CodeColorer Examples page. You can find modes explained below.
Possible parameters
- lang (string) – source language.
- tab_size (integer) – how many spaces would represent TAB symbol.
- lines (integer) – how many lines would be block height without scroll; could be set to -1 to remove vertical scrollbar.
- width (integer or string) – block width.
- height (integer or string) – height in pixels; used when lines number is greater then “lines” value.
- rss_width (integer or string) – block width in RSS feeds.
- theme (string) – color theme (default, blackboard, dawn, mac-classic, twitlight, vibrant, geshi, railscasts, solarized-light, solarized-dark).
- first_line (integer) – a number of the first line in the block.
-
highlight (string) – a comma-separated list of line numbers or ranges of line numbers to highlight (e.g.
1,5,8-11
). -
escaped (boolean) – when true special HTML sequences like
<
or[
will be treated as encoded (in this example as<
and[
respectively.) - line_numbers (boolean) – when true line numbers will be added.
- no_links (boolean) – when false keywords will be represented as links to manual.
-
inline (boolean) – when true forces code block to render inside
<code></code>
tag. Used to paste a single line of code into the regular text. - strict (boolean) – when true strict mode will be enabled. By default CodeColorer tries to guess whether strict mode is needed, so this option allows to force it on or off when automatic suggestion is wrong.
- nowrap (boolean) – when false no horizontal scrollbar will be shown; instead code will be wrapped in the end of code box.
- noborder (boolean) – when true no border will be shown around the code block.
-
no_cc (boolean) – when true the syntax in code block will not be highlighted, code will be rendered inside
<code></code>
tag. - class (string) – additional CSS classes to add to the wrapper HTML element.
- file (string) – when specified, code will be loaded from external file. Should be a relative to uploads folder path, only files from uploads are allowed to be embedded.
You can use special tag [cci]
instead of [cc]
to force inline mode: [cci lang="lang"]code[/cci]
Most of these parameters could be configured via the CodeColorer options page.
Supported languages
Here is list of supported by CodeColorer languages: abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cfdg, cfm, cil, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, gnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, perl, php-brief, php, pic16, pixelbender, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, yaml, z80.
Requirements
Plugin supports WordPress versions 3.5.0 and later. PHP 5.6 or newer is required (please check PHP: Supported Versions page to check if your version is still supported.)
Download
The latest version of the CodeColorer plugin is 0.9.14, and you can download it here:
Also you can download older versions from plugin home page on WordPress.org (but do you really need this old stuff?).
Translations
Thank you all guys, who submitted translations to your language. CodeColorer is currently available in following languages:
- English
- Russian – Русский
- Ukrainian – Українська
- Arabic – العربية (thanks to Amine Roukh)
- Belarusian – Беларуский (thanks to И. Фадков)
- Czech – Čeština (thanks to Lelkoun)
- Danish – Dansk (thanks to Hans Klysner)
- Dutch – Nederlands (thanks to Martijn van Iersel)
- French – Français (thanks to Valentin PRUGNAUD, fanta78, Sylvain Zabé, and Whiler)
- Georgian – ქართული ენა (thanks to Nika Chkhikvishvili)
- German – German (Deutsch) (thanks to Fabian Schulz and Michael Gutbier)
- Hebrew – עִבְרִית (thanks to Yaron Ofer)
- Italian – Italiano (thanks to CodeSnippet)
- Japanese – 日本語 (thanks to Kuroneko Square)
- Persian – فارسی, پارسی, دری (thanks to Hamed Momeni)
- Polish – Polski (thanks to Andrzej Pindor)
- Brazilian Portuguese – Português Brasileiro (thanks to Paulo César M. Jeveaux, Fabricio Bortoluzzi, and Rodolfo Leão)
- Simplified Chinese – 简化字 (thanks to liuxiangqian)
- Spanish – Español (thanks to Sergio Díaz)
- Spanish – Español (Argentina) (thanks to Diego Sucaria)
- Spanish – Español (Colombia) (thanks to Diego Alberto Bernal)
- Swedish – Svenska (thanks to LHLI)
- Turkish – Türkçe (thanks to Hasan Akgöz)
Want to help me with translation? It’s easy!
-
Install Poedit.
-
Download codecolorer.pot file.
-
Click File/New catalog from .pot file and select codecolorer.pop you’ve just downloaded.
-
Enter project name (something like CodeColorer 0.9.8), your name and email address, select a language you want to translate to and click OK.
-
Enter a filename like codecolorer-en_EN.po and click Save.
-
Translate all strings one by one.
-
Send me a .po file with a translation to [email protected]. Do not forget a link to add to CodeColorer project home page.
-
Thank you!
To fix existing translation, just open corresponding .po file from codecolorer/languages folder in Poedit, and add missing or update existing strings.
Customization
Syntax coloring is highly customizable: you could change color scheme for all
languages or for specific language. You could find CodeColorer CSS in
wp-content/plugins/codecolorer/codecolorer.css file. To change colors for
all languages edit lines below Color scheme section.
There is simple mapping exists between Textmate color themes and CodeColorer
ones:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /* "Slush & Poppies" color scheme (default) */ .codecolorer-container, .codecolorer { color: #000000; background-color: #F1F1F1; } /* Comment */ .codecolorer .co0, .codecolorer .co1, .codecolorer .co2, .codecolorer .co3, .codecolorer .co4, .codecolorer .coMULTI { color: #406040; font-style: italic; } /* Constant */ .codecolorer .nu0, .codecolorer .re3 { color: #0080A0; } /* String */ .codecolorer .st0, .codecolorer .st_h, .codecolorer .es0, .codecolorer .es1 { color: #C03030; } /* Entity */ .codecolorer .me1, .codecolorer .me2 { color: #0080FF; } /* Keyword */ .codecolorer .kw1, .codecolorer .kw2, .codecolorer .sy1 { color: #2060A0; } /* Storage */ .codecolorer .kw3, .codecolorer .kw4, .codecolorer .kw5, .codecolorer .re2 { color: #008080; } /* Variable */ .codecolorer .re0, .codecolorer .re1 { color: #A08000; } /* Global color */ .codecolorer .br0, .codecolorer .sy0 { color: #000000; } |
Check the codecolorer.css file to get more examples.
Frequently Asked Questions
Q. How do I can customize CodeColorer CSS rules?
A. Go to the Options/CodeColorer page in Site Admin and change the “Custom CSS Styles” option.
Q. I see < instead of < (or other HTML entities like >, &, ") in my code.
A. You should use [cc escaped="true"]
or [cce]
in the visual editor when inserting code into the post.
Q. Does it highlights my code on server or client side?
A. CodeColorer performs code highlighting on the server, you could see HTML of the highlighted code in page source.
Q. Is it produces valid XHTML source?
A. Yes, resulting XHTML is completely valid.
Q. Could my visitors insert their code snippets in comments?
A. Yes, CodeColorer supports code highlighting in comments using the same syntax, as you use in your blog posts.
Q. How can I disable syntax highlighting for a particular <code>
block?
A. Use no_cc="true"
option for your code block.
Q. I have updated the plugin to the newest version and now I keep getting following warnings:
1 | Warning: array_keys() [function.array-keys]: The first argument should be an array in /home/wordpress/wp-content/plugins/codecolorer/lib/geshi.php on line 3599 |
A. Remove all files from wp-content/plugins/codecolorer folder and unpack an archive with plugin again (thanks to Anatoliy ‘TLK’ Kolesnick).
Q. I love this plugin. How to do a favor to the author?
A. Just vote for this plugin on WordPress.org. And thank you!
Support
If you have any suggestions, found a bug, wanted to contribute a
translation to your language, or just wanted to say “thank you”,– feel free to contact me. Promise, I will answer to every message.
If you want to contribute your code, see the Development section below.
Development
Sources of this plugin are available both in SVN and Git:
Feel free to check them out, make your changes and send me patches. Promise, I will apply every patch (of course, if they add a value to the product). Email for patches, suggestions, or bug reports: [email protected]. Also you have much more ways to contact me.
Changelog
- 0.9.14 (October 25, 2017)
- IMPORTANT: Another line numbers column width issue for numbers bigger than 1000.
- 0.9.13 (October 24, 2017)
- IMPORTANT: Fixed line numbers column width issue, introduces in the previous version.
- Fixed line numbers column position on RTL pages.
- 0.9.12 (October 12, 2017)
- Fixed XML syntax highlighting colors.
- Fixed line highlighting color for dark themes.
- Added support for TablePress plugin.
- Line highlighting affects the whole block width, not only the code text.
- 0.9.11 (August 8, 2017)
- Fixed an issue with TinyMCE when CodeColorer options were removed in the editor (thanks to Jonathan Stassen for the suggestion).
- New art for the WordPress plugins page.
- Moved translations to https://translate.wordpress.org/projects/wp-plugins/codecolorer. WordPress should automatically download language packs now.
- Lots of code style issues, should resolve all warnings in PHP logs.
- 0.9.10 (July 28, 2017)
- Fixed a bug with large code blocks margins.
- Added Portuguese translation (thanks to Luis Coutinho).
- Added Indonesian translation (thanks to Masino Sinaga).
- Fixed PHP 7 compatibility issues (thanks to Steve Kamerman and Robert Felty).
- Fixed WordPress 4+ compatibility (editor button, settings page layout).
- Added “Solarized Light” and “Solarized Dark” themes (thanks to Matt Kirman).
Complete changelog could be found on the CodeColorer History page.
Other plugins
Full list of plugins I have implemented is available here.
Думаю, стоит добавить параметр:
* Минимальное количество строк для активации “показа номера строк”
А то когда 1-3 строки, то выводить номер строки как-то не актуально…
2adw0rd: В WordPress 2.8 переработали систему безопасности, и теперь добавлять страницы настроек можно только из action’а admin_menu (раньше работало и из admin_init).
А насчет отключения номеров строк — с новыми короткими кодами, имхо, проблема разрешилась сама собой.
Про короткие коды пока что можно почитать здесь, завтра обновлю эту страницу (и переведу на русский).
ЗЫ. В ближайшие дни готовится масштабное обновление (сильно переписан движок и исправлена туча мелких ошибок).
Спасибо!
Я юзаю включение номера строк так:
line_numbers="true"
и меня устраивает :)Just a simple question:
How can I define the fontstyle, such as size and face?
Thanks for your reply.
Jürgen
Слушай, я думаю необходимо исключать подгрузку всех css-стилей, когда нужен только один.
/wp-content/plugins/codecolorer/codecolorer.css
Очень хороший плагин, спасибо.
Но у меня недавно возникла проблема… вместо подсвеченного кода появилась строка ::CODECOLORER_BLOCK_1::… до вчерашнего дня было все нормально… обновился и появился этот текст.
Версия WP – 2.8.2–ru
Hi,
Is it possible to set a default language? Or would it be possible to make it such that a [cc] tag remembers the settings from the previous [cc] tag on the same page so we just have to define it somewhere once?
Hallo,
is that the answer for my question?
I’m so sorry, i can’t understand any of your russian??? language.
OK, maybe you mean, I have to edit the codecolorer.css.
Can you give me some hints where in the Codecolorer.css-file i have to edit.
Thanks Jürgen
Hi,
all I get from CodeColorer is this one line:
::CODECOLORER_BLOCK_1::
The actual code is not printed; looks pretty much like comment #9 from Mad Chicken. I am using CodeColorer 0.9.2 on WP 2.8.3. Any idea?
Thanks in advance
Thomas
The plugins doesn’t work as expected in WordPress-mu… don’t know if missconfiguration or what, but the editor everytime I try to add code (pasted or by keyboard), translates the special characters like < or " to entities… and the result page is showed with the entities…
I send you polish translation of CodeColorer – let me know if everything is ok.
If you get this ::CODECOLORER_BLOCK_1::, you must use PHP 5 on MediaTemple servers…
Привет.
что то не могу разобраться с tab. как его вставить в визуальный редактор? вставляю код из VS2008 , там точно таб стоит перед строкой. но при сохранении и табы и пробелы удаляются. wp 2.84
хотя, это кажется глюк оперы и tinymce
в ie все отлично
Hey, thanks for the nice plugin, but it looks like CodeColorer is broken for wordpress 2.8.4 At least all I’m getting is ::CODECOLORER_BLOCK_1:: where I expect a snippet of code.
Is this a known problem?
i would like to know if you would address this error which for the mysql link is wrong??
3Q.
Concerning the error message ‘compilation failed…’ using PHP < 4.3.3 you need an older version of Geshi (1.0.6 seems to work)
Dmytro, thanks again for being so responsive to my problem. The latest update works great now, as you can see from my latest blog post: http://www.helixsoft.nl/blog/?p=153
First of all, love the plugin, just one ‘request’ allow us to specify the starting line number with the CC tag.
i.e.
2
3
4
$changeme = 1;
$butnotme = 2;
?>
You should change line 2 not line 3
Change this
You can do it using
first_line
option:Hi! First of all, thanks for the great plugin. I’ve just got one problem with it: no matter what I do, WordPress seems to be stripping the spaces from the start of each line of my code, so that:
class Foo {
function bar() { }
function baz() { }
function quux() {
doFoo();
}
}
comes out as:
class Foo {
function bar() { }
function baz() { }
function quux() {
doFoo();
}
}
The only way around this seems to be to use a tag, but this then messes up the formatting. What should I do?
@Buzz: There is already support to do that: see the “first_line” parameter.
Well this went wrong here too. Let me try again:
2
3
4
5
6
7
function bar() { }
function baz() { }
function quux() {
doFoo();
}
}
is what I intend, but:
2
3
4
5
6
7
function bar() { }
function baz() { }
function quux() {
doFoo();
}
}
is the output I get (when using the visual editor and either the “cc_php” or “cce_php” shortcodes.
Any advice on using CodeColorer with the TinyMCE Advanced visual editor?
Seems that I get either my code right, or my paragraphs right… but not both.
I saw you had a TinyMCE plugin, but have revoked it, any thoughts on re-entering it into the codebase?
BTW:
Yep, TinyMCE editor is a big problem for now. I’ve started working on a TinyMCE plugin for CodeColorer, but this functionality has been disabled due to weird bugs in markup produced by rich editor. Hope, it will be fixed
I’m so sorry .
But i didn’t see the answer of the question “mysql link wrong” ..
This is the best code highlighter plugin of all. Just voted for the plugin at wordpress.org. My highest appreciation to you my friend. Thanks a lot for this plugin.
[…] CodeColorer […]
[…] Descarga | WordPress.com Web oficial | CodeColorer […]
[…] Code Colorer for nice and clear code snippets. […]
[…] 2009, under Uncategorized Just found and installed the CodeColour plugin by Dmytro Shteflyuk (See here and (no I’ve no idea how to pronounce his name either ). It’s easy to find in the […]
Thanks for the wonderful add-in.
I’m having a little problem. When I’m checkin the post page, the add-in works fine. However, I’m having problems on my main page where the cc blocks appear instead.
Also, I tried us the VB language and the comment don’t seem to be recognized.
Sébastien
[…] на codecolorer. Прочесть об этом плагине рекомендую на странице автора. В общем пока остановился на этом плагине, так […]
Is this plugin supported on this website. If so I need some solutions to two issues.
1. When I use
<code>
it removes my text from my page.2. When I set a theme I still get no colors on the code on my page.
Thanks in advance.
Try again.
1. When I use
no_cc="true"
my text is removed from my page.Добрый день, подскажите как то можно сделать чтобы когда человек вводит
{code lang=””}тут текст{code} (специально заменил)
не вылазила ошибка, вот такая:
У меня стоит последняя 0.9.7 версия, версия WordPress 2.7.1
странно у вас не появилась ошибка, у меня пишет:
Hi. There is a problem in your code that appear when yout set an image as background. To verify that creates a “stripe” image (www.stripegenerator.com) and add it as background (in codecolorer.css ) and you will see a continuity break (set the width as 100% in the plugin options). I searched in the code and I saw that the cause is the way that you show the line numbers. You calculate the numbers manually and create a table to show them. So there is a conflict between the end of the table and the rest of the container that you create to apply the user options. I solved in two ways. The simplest is to put a width=”100%” in your second , so the table will fill all the container space.
The second is to use the Geshi methods to show the lines:
2
$geshi->enable_line_numbers(GESHI_FANCY_LINE_NUMBERS);
deleting the creation of the table.
thanks.
I don’t like Geshi line numbers because when you copy code, browser copies them too. It’s really weird thing, so I ended up with this table implementation. Your point about 100% makes sense, I’ll take a look how it will impact code blocks layout.
[…] it hadn’t been implemented in any WordPress plugins. So I decided to modify one. I selected CodeColorer to modify as it already had a method of processing arguments within the “cc” tag it […]
Hello Dmytro!
I’ve found a bug in CodeColorer. If I try to set its width to 100%, it goes beyond its container (post or comment wrapper), making the page goes beyond browser’s width and creating an horizontal scroll on it.
To fix it, I’ve added the following styles:
2
3
4
5
6
7
8
position: relative;
width: 98%;
}
.codecolorer-container .codecolorer{
position: absolute;
top:0;
}
Setting
.codecolorer
‘s position to absolute “locks” it inside the first HTML element whose position is not static (because its position is based on that element), so setting.codecolorer-container
to relative, makes it the element to where.codecolorer
will be based.Just to leave it documented,
position
allows us to change an element’s original position and area.position: relative;
allows us to change it based on its original position. Since no top and left properties are set, they remain on their original position, but.codecolorer
now can’t go beyond.codecolorer-container
.IDK if this is the proper way to fix it, but worked for me. Note also that I added
width: 98%;
to define its width, because the whole idea of using these styles is so that I can use % width.Using style attibute is not good, a better idea would be use PHP to supply a CSS generated dynamically, it is much more powerful :D
Another tip: I needed to use code highlight in my theme, outside of shortcode filters. To do so, I used
GetCodeHighlighted
:2
3
4
5
6
$codeColorer = &CodeColorer::GetInstance();
echo $codeColorer->GetCodeHighlighted($string);
}
$string
is a normal string we use in posts and comments, it can have normal text with HTML and they won’t be highlighted, and we just use normal[ cc][ /cc]
<code></code>
and anything inside them will be highlighted!Ah and of course, CodeColorer and WP-CodeBox work together nicely, they don’t share the same tags :D
First of all, thanks for your suggestion about positioning. I will test in on different environments and then decide what to do.
About highlighting of an arbitrary piece of code: you can use
codecolorer_highlight
global function. It is defined incodecolorer.php
and used just to do that (starting from version 0.9.7).I have made a modification to the plugin that uses Geshi to background highlight particular lines of already highlighted code. It’s a way of outlining specific lines of some code for tutorial use. The modification is described here.http://www.deltanova.co.uk/641/
Thank you for your contribution. Just ported back your changes to the CodeColorer repo.
Following the integration of my previous modification into 0.9.8 I was asked by a user to enhance the highlight function to accept number ranges in addition to individual line numbers. The modification can be found here http://www.deltanova.co.uk/670/
Merged your changes to core. Will be released in 0.9.9 (not sure when exactly). Thank you!
Hi,
Great plugin and I use it in my blog.
I wonder is there also function of this plugin to use inside the template and not as a post shortcode?
Thanks,
Maor
Hi Dmytro:
Thanks for such a great plugin!
I have three suggestions, I don’t know if you’ll be interested, but I’ll mention them anyways.
The first suggestion is to make all keyword links
or to make it an option (to globally specify the
attribute for these links on the options page).
Second, I noticed that the line numbering does not include empty lines at the beginning nor end of a code block. That could be an option to include those empty lines in the numbering too, or not?
And third, if there was a parameter to continue the line numbering from the previous code block on the page, that would be great. When I created my first code post using your plugin (PHP Code: Twitter Location Info), I wanted the line numbers to be sequential, but I had to save the post as a draft each time I wanted to find out what the last line number from the previous block was so that I could continue from there. I couldn’t use the same line numbers from Coda since the empty lines weren’t being included by the plugin…
Anyways, once again, a great plugin – thanks for all your hard work, and thanks for sharing this!
DM
This is the best working code highlighter I have found for WordPress. However, I have an issue where I do a LOT of drafts for my posts. It sometimes takes days, or weeks, of modifying before they actually get published.
There are a few problems:
Tabs are lost when switching from Visual to HTML (or vice-versa).
Code is escaped once switching from Visual to HTML if you use
<code>
. After it is escaped, you must go back into the HTML, remove<code>
, and then return to Visual and apply[cce]
or[cc escaped="true"]
.The second problem is the most bothersome. I have to copy my code, go into HTML view, paste it into a code block, go into Visual, go into HTML, remove the code block, go into Visual, and then add
[cce]
or[cc escaped="true"]
. This is extremely tedious just to get the formatting right and even then the tabs don’t work properly.Has anyone found a proposed fix? If it is already in the comments above (as they are so lengthy) could it possibly be noted in the FAQ?
Thanks for any help!
right now I am using wp-syntax in my site. but I want to switch to this plugin. Problem is that I have already a lots of code blogs added in current posts. Is there any migration available from wp-syntax to code color? That will be a really helpful.
wp-syntax uses the code to format the code.
any way to change font size?
hi!
i have this code blok
2
3
4
Reading package lists... Done
Building dependency tree
Reading state information... Done
But i only this text bold: apt-get build-dep proftpd-dfsg
Is possible….?
Thanks for this plugin. I’m trying it out on my own site. But I wondered, since you’ve listed
as a supported language, what about supporting HTML5?
Hello,
I have recently begun to use ColorCoder for a very large project of mine.
However, I am experiencing a few problems:
One, the formatting does not appear to be correct, for example, here: http://mcode.ca/2012/01/30/basic-system-output-in-java/
Two, more than one space is not recognized within the code, it always defaults to HTML formatting.
Any help would be greatly appreciated.
Thank you.
Great plugin, thanks! And working with latest version of wordpress: 3.3.1
I think Codecolorer need “Show only code” feature, like this:
http://prntscr.com/6hlzu
http://prntscr.com/6hlzz
I did it with jQuery + CSS + Colorbox jQuery plugin
Demo:
http://www.egonomik.com/2012/02/jquery-ile-inputa-girilen-degerleri-es-zamanli-temizlemek/
Javascript:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(".cclink").colorbox({inline:true, width:"600"});
$(".codecolorer-container").live("mouseenter", function() {
$(this).find(".ccshow").show();
$("#ccholder").val("<!-- egonomik.com -->\n"+$(this).text());
});
$(".codecolorer-container").live("mouseleave", function() {
$(this).find(".ccshow").hide();
});
$(".ccshow").live("mouseenter", function() {
var myParent = $(this).parent(".codecolorer-container");
var myCcolor = myParent.find(".codecolorer").text();
$("#ccholder").val("<!-- egonomik.com -->\n"+myCcolor);
});
codecolorer-core.php (line 243):
Holder div:
2
3
4
5
6
<div style="display:none">
<div id="ccouter">
<textarea id="ccholder" onclick="select();"></textarea>
</div>
</div>
CSS:
2
3
4
5
#ccholder { width: 100%; height: 300px; font-size: 11px; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; }
.codecolorer-container { position:relative !important; }
.ccshow { display:none; position:absolute; right: 0; top: 0; padding: 1px 8px 0 9px; background: #2E2E2E; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; }
.cclink { display: inline-block; padding: 2px 10px; }
Ask the SQL code should be how to write? [CC lang = “SQL”] wrote wrong?