By mosk on

I've read through both the WYSIWYG and FCKEditor help files, but I still have some installation questions. First, FCKEditor has you install the Drupal portion of FCKEditor in Sites / All / Modules, and then install the actual FCKEditor program inside of the first FCKEditor folder.

When you install WYSIWYG and elect to use FCKEditor as its editor, you're then instructed to place the actual FCKEditor program inside of Sites / All / Libraries.

1) Am I supposed to leave an extra copy of the FCKEditor program inside of sites/all/modules/FCKEditor or actually cut it from modules/FCKEditor entirely?

2) I want to enable image uploads via the FCKEditor for admin and contributor roles. How do I go about doing that if I'm using FCKEditor inside of WYSIWYG? Some of the help documents mentioned a path to use but I'm not sure if that's still valid after restructuring FCKEditor to work with WYSIWYG.

Thanks for any guidance, and the more specific, the better.

⋅ Categories: Drupal 6.x

Comments

vm’s picture

vm commented

#1 you aren't supposed to be using BOTH the wysiwyg.module AND the fckedtor.module.
They both do things differently. Use wysiwyg and follow those directions OR use fckedtor.module and follow those directions.

for #2 may want to look into the imce.module

TallDavid’s picture

TallDavid commented

Hi Mosk!

You can use EITHER the FCKeditor module OR the WYSIWYG module + FCKeditor. I strongly recommend using the WYSIWYG+FCKeditor approach.

First you'll need to remove the FCKeditor.module from your installation. To do it right requires 3 steps: 1) Disable the module and then 2) Uninstall the module and then 3) delete the FCKeditor module files.

Once that is completed, verify that your WYSIWYG installation is configured correctly and is working. Next, proceed to adding the image upload capabilities.

The best method I've found to allow image uploads from the local computer is to use a combination of CCK, the Insert module and the Image Resize Filter module. This method works well with WYSIWYG/FCKeditor, is easier for end users to learn than the IMCE module method and is forward looking due to its emphasis on fields. A good screencast describing this method was put together by MustardSeed Media and can be found at: http://mustardseedmedia.com/podcast/episode29. [Note: the Filefield Insert module described in the video has been replaced by the Insert module.]

I hope this helps!
@TallDavid

mosk’s picture

mosk commented

Hey TallDavid,

Thanks so much for the help. I watched the mustardseed video and signed up for their podcasts to boot. Pretty much got things working with the method you and they described - using CCK, Insert, ImageResize, and WYSIWYG with FCKEditor program (not module).

Is there a way to configure things so that the Image button inside the WYSIWYG/FCKEditor brings up the option for uploading an image from your computer? Right now I have an upload button down below the editor window which is perfectly serviceable, but I'd rather link uploads to the image icon if possible for ease of use by some non-techy users.

TallDavid’s picture

TallDavid commented

Hi Mosk!
Glad to help. I'm not familiar with a way to directly do an ImageField upload from the FCKeditor's Image icon. I agree, it would be a great feature. Perhaps there is a away to customize the FCKeditor? If you stumble across a way to do this, please let me know.

Best,
@TallDavid

mosk’s picture

mosk commented

Here's a link to the FCKEditor and new CKEditor site: http://ckeditor.com/demo

In the demo, you can see that clicking on the image button brings up a popup that includes the upload file / browse local hard drive options.

Not sure if you have to modify one of the template files or if there's a way to add the upload field into FCKEditor through CCK or Views.

Maybe a more experienced Drupaller (??) can point us in the right direction.

If not, I'll post back when I figure out how it's done.

Diegen’s picture

Diegen commented

Can someone please tell me how to remove the image upload icon or button from the DrupalBasic fckeditor toolbar ?

ldekay’s picture

ldekay commented

TallDavid,

Thanks for the Mustardseed tip, and though this is an interesting technique, I have a somewhat different problem that this won't address, so maybe you can help. When I have Wysiwyg + FCKEditor and try to use the Insert/Edit Image button in the editor the Image Properties dialog comes up but doesn't have a Browse button, so I can't access the file structure to load images already uploaded to the database. The Mustardseed technique only accesses my local drives, not the server database, so it is no help either for files already on the server.

I have tried just using FCKEditor alone and the Browse button is there, but it has several other problems (won't Center text, won't Resize text) that make it unusable. So I've tried Wysiwyg + FCKEditor (or + openwysiwyg, or +nicEdit, or + ...,) and I still don't get the Browse buttion with any of the combinations.

Does anyone have a suggestion for how to get the Browse button in the Image Properties dialog when using Wysiwyg + any option?

Thanks, ldekay

BTW and FYI to other frustrated newbies - It took some time to realize that I can't just shift the whole FCKEditor directory from the Modules into the Libraries directory, even though that's what the docs appear to be saying. It finally worked when I shifted the FCKEditor subdirectory (it's inside the FCKEditor module directory) into Libraries, and I finally realized that subdirectory was the actual module. The way FCKEditor stand-along has to be set up is a little weird and this little bit of information was not noted anywhere that I could see, but it was critical to making Wysiwyg + FCKEditor work.

almaceria’s picture

almaceria commented

WYSIWIG module allows you to manage several editors via HTML Filters. It works as an API for handle with different editors.

FCKEditor module works only with the fckeditor solution. So:

1) First of all. If you have the FCKEditor Module enabled, disable it. Then follow the instructions given by the WYSIWYG module: copy the fckeditor source files into the sites/all/libraries/fckeditor folder.

2) You can use the IMCE module. If you use the fckeditor with the WYSIWYG module, you have to install the IMCE Wysiwyg bridge module as well, to get "Browse the Server" button working.

norio’s picture

norio commented

This module looks much nicer + easier to use:
http://drupal.org/project/wysiwyg_imageupload