GeSHi Pro

This project was first started by Richard Tuin and now I have taken on the task of intergating this excellant software into FCKeditor

GeSHi Pro is for the FCKeditor and is an implementation of the famous php Geshi library for FCKeditor. This FCKeditor plugin helps you to put scripting code colored in FCKeditor. It automatically syntax highlight's code, color's the code you enter, and adds the generated code to FCKeditor.

This FCKeditor plugin uses the GeSHi library. GeSHi stands for Generic Syntax Highlighter and supports a wide variety of programming languages. Including: C#, PHP, ASP, VB, javascript, actionscript, C++, delphi and many more (GeSHi can highlight 80+ languages by default).

Since GeSHi is a PHP script, this FCKeditor plugin only works if your webserver is PHP-enabled.

GeSHi Pro for FCKeditor is easy to install and even more easy to use.
Give it a try!

What's New

version 1.2:

• Updated the geshi javascript to be compatable with FCKeditor 1.6

Features

• choice of line numbers (none, normal or fancy)
• add tab width
• enable CSS classes
• choice of code container (none, <pre> or <div>)

Requirements

• FCKeditor
• PHP enabled website

Download

The lastest version is GeSHi Pro 1.2 and can be download from here

Demo

A demo of GeSHi Pro can be found here

How to Install

You can install the plugin by extracting the 'geshipro' folder from the gzip file, and copy it to your FCKeditor plugin directory (which is 'editor/plugins/' usually).
To enable the plugin you have to add the following lines at the lines mentioned in fckconfig.js (in the FCKeditor root directory):

• ADD: FCKConfig.Plugins.Add( 'geshipro', 'en' ) ;
• BEFORE:  FCKConfig.AutoGrowMax = 400 ;

To have the plugin's button on the toolbar in FCKeditor (which is mandatory to get it to work) you have to add it to the toolbar. To add the button to the Default Toolbar in FCKeditor you must find the array 'FCKConfig.ToolbarSets["Default"]' in the fckconfig.js file.
Within this array find the line '['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],' and replace it with '['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat','-','GeSHiPro'],'.

Now the plugin should be working! Have fun with it!

Feel free to email me if you have problems with this plugin, also email me to let me know what to inprove or if you just like it!

Installing into JoomlaFCK 2.6.4

Installing into joomla is a bit more tricky as JoomlaFCK uses another config file to enable the toolbar buttons.

First you need to find the file in your joomla root directory '/plugins/editors/fckeditor/fckconfig.js' and follow the above instructions (I don't really know if this is relavant but it's working for me).

Now find the xml file '/plugins/editors/fckeditor/editor/jtoolbarsetconfig.xml'.

In this file is stored the all the toolbar configurations for FCKEditor.

There are three toolbars that we will be concerned with nested within '<config><toolbarsets>', which are 'Advanced, Creative and Blog'. We have to insert our new button in one of plugingroups in each of the toolbars:

Like:

you have to do this foreach toolbar.

I put mine at the end of each toolbar after the 'About' button as you can see in the config file below at lines 228, 449 and 563.

Now at the end of the file is a group called '<customplugins>' add:

Prevent Joomla 1.5 from modifying highlighted code containing HTML.
       a) In the Joomla administration menu, click the "Content" button in the
          top menu and select 'Article Manager'
       b) Click the 'Parameters' button in the top right of the Article
          Manager.
       c) Scroll down to the bottom of the parameters window and select
          'Registered' in the 'Filter Groups' section and check the
          'Blacklist (Default)' option for the 'Filter Type'
       d) Scroll to the top of the parameters window and press the save button.

And that should be all there is to it. Don't forget to clear your browsers cache before checking if it's done as I had problems of a cached version not showing what I had done!

Your config file should now look something like (but not indented as I indended mine for easier reading):

Screen Shots