CiviCRM Community Forums (archive)

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

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).

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

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?

No

Kurund

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

Kurund

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

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