Code Button in CKEditor

Question

I am using CKEditor (currently using version 3.4.1 - I can update if necessary), and I am not able to use the <code> tag either from the Format drop-down list or using the button on the toolbar.

I could not find a plugin that would make this possible. I also have no experience or knowledge on how to write my own plugin for this.

Do you know about a plugin that can help me include a button / code format (wrap selected text in <code> tags)? If they are not there, I would appreciate if you would direct me to the online resources on the development of CKEditor plugins (some kind of tutorial explaining the basic principles).

In case this is useful, my site using Drupal 6.19, CKEditor module , CKEditor 3.4.1. As for the plugin development tutorials, I already found this one , but most of them seem to be beyond my power.

Answer 1

I decided with this ckeditor plugin: http://code.google.com/p/ckeditor-syntaxhighlight/

It is also compatible with the jquery SyntaxHighlighter plugin http://alexgorbatchev.com/SyntaxHighlighter/

Answer 2

Try https://ckeditor.com/cke4/addon/codeTag

 config.extraPlugins = 'codeTag'; 

No additional dependencies.

Answer 3

Get wysiwyg View Configuration> wysiwyg

... Turn on the source button.