ckeditor config

[heXman]

Hi,

i recently updated our CIVICRM to version 3.1.1
I use to use the FCKeditor for textareas and custom fields. I also used the filemanger to upload/manage images.

Now this version doesn't include the FCKeditor, but the new CKeditor. I wanted to give it a try and it works fine.
But now i want to customise it a little and also try to use de CKfinder module to upload images.

I added some code to the config.js
here is my code.



CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
config.language = 'nl';
config.uiColor = '#FF0000';
config.toolbar : 'Basic';
// added code for ckfinder ------>
config.filebrowserBrowseUrl = '/ckfinder/ckfinder.html';
config.filebrowserImageBrowseUrl = '/ckfinder/ckfinder.html?Type=Image';
config.filebrowserFlashBrowseUrl = '/ckfinder/ckfinder.html?Type=Flash';
config.filebrowserUploadUrl = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
config.filebrowserImageUploadUrl = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
config.filebrowserFlashUploadUrl = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
// end: code for ckfinder ------>

};

Now the problem is that none of the config.js code gets used. I set the UI color to red, and language to NL, but nothing changes in the CKeditor.
Is there someplace else i have to edit to get this working and to customize the CKeditor?

Thanks for any thoughts on this.

Kurt

[Kurund Jalmi]

You might also want to check on this issue with CKEditor support.

Kurund

[goran]

I had problems changing the toolbar icons (wanted undo and redo).
While looking at the issue I noticed some differences between the version that ships with civicrm (3.1.3) and the current (3.2) version available from the site.
Downloaded the current version, dropped _source and _samples and replaced the civicrm/packages/ckeditor with the current version.
So far things work (for example config.uiColor, undo and redo, full toolbar).

[Kurund Jalmi]

I think CiviCRM 3.1.3 uses ckeditor 3.0 hence there is difference We will update ckeditor to latest package for next major release 3.2 or 3.3

thanks
Kurund

[junglecoder]

This is a little tricky, but doable. Seems that CiviCRM does not have image uploading enabled by default.

You have to edit the file:
sites/all/modules/civicrm/packages/HTML/QuickForm/ckeditor.php

I found that file by searching the entire civicrm folder for "CKEDITOR.replace"

On line 72 is the CKEDITOR.replace( '{$name}') which replaces the textarea with the ckeditor. In order to enable uploading you have to add additional variables per: http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_(Uploader)

I wanted to use the same upload settings as the FCKeditor in Drupal, so mine looks like this:

CKEDITOR.replace( '{$name}',
{
   filebrowserBrowseUrl : '/index.php?q=imce&app=FCKEditor|url@txtUrl|width@txtWidth|height@txtHeight',
   filebrowserImageBrowseUrl : '/index.php?q=imce&app=FCKEditor|url@txtUrl|width@txtWidth|height@txtHeight',
   filebrowserFlashBrowseUrl : '/index.php?q=imce&app=FCKEditor|url@txtUrl|width@txtWidth|height@txtHeight',
   filebrowserUploadUrl : '/sites/default/files/',
   filebrowserImageUploadUrl : '/sites/default/files/',
   filebrowserFlashUploadUrl : '/sites/default/files/',
} );

Worked for me, hope it works for you

[junglecoder]

Update:

The fckeditor file browser and the new ckeditor don't completely work together. So I pointed to the ckfinder (another product by the folks who make ckeditor) that I uploaded:

   CKEDITOR.replace( '{$name}',
   {
      filebrowserBrowseUrl : '/sites/all/modules/civicrm/packages/ckfinder/ckfinder.html',
      filebrowserImageBrowseUrl : '/sites/all/modules/civicrm/packages/ckfinder/ckfinder.html?Type=Images',
      filebrowserFlashBrowseUrl : '/sites/all/modules/civicrm/packages/ckfinder/ckfinder.html?Type=Flash',
      filebrowserUploadUrl : '/sites/default/files/',
      filebrowserImageUploadUrl : '/sites/default/files/',
      filebrowserFlashUploadUrl : '/sites/default/files/'
   });

The problem is though that ckfinder needs a license ($59) or else you get a message stating that you are using an unlicensed version. So, it seems that CiviCRM has moved forward to the new ckeditor but it doesn't have the ability to upload images to the server. I'm going to try to get the old fckeditor to work with the new version of CiviCRM.

[Kurund Jalmi]

Note that we have upgraded Ckeditor to 3.2 for next 3.1.x release.

Kurund

[junglecoder]

Note that we have upgraded Ckeditor to 3.2 for next 3.1.x release.

Kurund

Will the included Ckeditor 3.2 have image uploading enabled by default? Will it have a licensed version of Ckfinder included?

[Kurund Jalmi]

Will the included Ckeditor 3.2 have image uploading enabled by default? Will it have a licensed version of Ckfinder included?

No

Kurund

[Alan.Guggenheim]

Can we at least have file browsing enabled in ckeditor, to find the exact url of existing images ?

[Kurund Jalmi]

I don't think it is a good idea to expose your server file structure.

Kurund

[Alan.Guggenheim]

Can we just limit it to the images directory? To prepare emails, events,... it is important to have a user friendly interface that can insert media easily.

[Kurund Jalmi]

Can we just limit it to the images directory?

I am not sure if CKEditor allows that. You might want to check with CKEditor guys.

Kurund

[Donald Lobo]

You might want to consider buying a licensed version of CKFinder from CKSource. Open source projects like CKEditor, CiviCRM etc need revenue streams to survive and prosper

Alan, if you can investigate and figure out what changes folks need to do when they install a licensed version of CKFinder and document that, it would be great and help the community a lot

lobo

[Martin Fuggle]

I am using CKEditor (3.2) and a licensed version of CKFinder (1.4.3) in Drupal 6.16.  I think the best solution for Drupal/Civicrm would be to have Civicrm detect the editor used in Drupal and then use the same otherwise the editors have to be configured independently.

Is that possible?

Regards
Martin Fuggle