Enhance FCK-Editor to a real time syntax highlighting editor

see ticket http://dev.fckeditor.net/ticket/612

I was able to do this very quickly (and maybe a little bit dirty) by using editArea - http://www.cdolivet.net/editarea/

Here is what I did to get this to work with FCKEditor

Step One:
Modify your "<path to fckeditor>/fckconfig.js" file so that the following line is true. The embeded source code editor will not work for this method. There may be some way to get it to work, however, I didn't spend enough time to figure it out.

FCKConfig.SourcePopup   = true ;

Thanks so much for this hack ... it works really well for us.

One note, for IE7 we had to change the WIDTH:100% in the textarea style near the bottom of fck_source.html to a fixed width.

Otherwise, it seems to work great!!

Thanks again!
- Bill

Hi All,

I evaluated CodePress and other 9 JavaScript source code editors and I posted the results at http://en.wikipedia.org/wiki/Comparison ... de_editors

At the moment, it seems that Codemirror is the most promising editor, because of its mixed mode syntax (the ability to handle more than one syntax per file, e.g. HTML + JavaScript + CSS) and because it can be extended with tokenizers for parsing other languages. I'm currently working on a PHP parser.

Hope that helps,
Dan Dascalescu

I realize that this is an older topic, but I did want to add a bit of code that fixes that IE problem.

I basically just added two lines to the onload function that gets the size of the window and resizes the textarea appropriately.

The original code:

window.onload = function()
{
   // EnableXHTML and EnableSourceXHTML has been deprecated
//   document.getElementById('txtSource').value = ( FCKConfig.EnableXHTML && FCKConfig.EnableSourceXHTML ? FCK.GetXHTML( FCKConfig.FormatSource ) : FCK.GetHTML( FCKConfig.FormatSource ) ) ;
   document.getElementById('txtSource').value = FCK.GetXHTML( FCKConfig.FormatSource ) ;

   // Activate the "OK" button.
   window.parent.SetOkButton( true ) ;
}

The changed code:

window.onload = function()
{
   // EnableXHTML and EnableSourceXHTML has been deprecated
//   document.getElementById('txtSource').value = ( FCKConfig.EnableXHTML && FCKConfig.EnableSourceXHTML ? FCK.GetXHTML( FCKConfig.FormatSource ) : FCK.GetHTML( FCKConfig.FormatSource ) ) ;
   document.getElementById('txtSource').value = FCK.GetXHTML( FCKConfig.FormatSource ) ;

   // Activate the "OK" button.
   window.parent.SetOkButton( true ) ;
   
   var width=document.body.offsetWidth-25;
   document.getElementById('txtSource').style.width=width+'px';
}

I have only tested this in FF 3.5 and IE 8, but they both appeared to work correctly and I have used something similar in other browsers, so I am confident enough to offer this up as an alternative to the fixed width issue.

didn't check to see if this was posted elsewhere, sorry if it is.