no image upload button in ckeditor using wysiwyg, imce & imce wysiwyg bridge

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
chowdah's picture

I have all the 'dev' version of the modules listed above.

I click the image button in ckeditor, and the Image Properties 'window' appears. There is a field for manually entering the URL of the image, but there is no 'browse' or 'upload' button.

The configuration I'm using works fine with tinyMCE. Am I doing something wrong?

Comments

did you try the instructions

yeah, not a big fan of

chowdah's picture

yeah, not a big fan of patching...

In your IMCE Profile target

dvasquez's picture

In your IMCE Profile target to your user folder for uploading, resizing and the others tools, do it with this Directory path: u%uid

upload button using IMCE with CKeditor

elsvandeveire's picture

I had exactly the same problem, and this is the solution:

  1. install ck editor (and follow the readme)
  2. install IMCE
  3. then go to site configuration > ck editor:
    - assign a role to the default and advanced profiles (click on "basic settings", and check "Roles allowed to use this profile")
    - then click on "File Browser settings", and check IMCE

Done!

When you try to add an image you'' see in your image properties a new button, ready to upload your images!

Good luck!

that's what i'm looking for,

scuba_fly's picture

that's what i'm looking for, except that your solution does not work for me.
there is no 'site configuration > ck editor'
But i'm using the wysiwyg api module.
isn't that possible for the this module in combination with the CKEditor?

worked!!

munyiva's picture

Thanks this worked for me!

I still have problems uploading from within drupal 7

costas100's picture

Thank you elsvandeveire I tried your suggestion, but still cannot find the File upload area in ckeditor. I am sure I am doing something wrong:
I installed ckeditor in sites/all/libraries/ckeditor and I also have WYSIWYG under modules, from where I added for starters, in the Full HTML all buttons. The insert image is there but it is asking for a link. I searched all over but nowhere to be found.
In the configuration there is no link for ckeditor but there is one IMCE with two sections: Configuration profiles and Role-profile assignments. The two sections provide user allowed sizes and numbers only. Nowhere I can find anything about "basic settings" or "File Browser settings".
I also tried as suggested by ckeditor the samples from my new site in: http://greece-mylove.com/love/sites/all/libraries/ckeditor/_samples/inde... and they appear to be OK. I can upload pictures with FTP and link to them, but this will be impossible for users.
Your suggestions will be greatly appreciated.

Costas
PS: I just discovered from reports/Status Report that:
Upload progress Not enabled
Your server is capable of displaying file upload progress, but does not have the required libraries. It is recommended to install the PECL uploadprogress library (preferred) or to install APC. These are php areas where I am very weak. If there is no other solution I am afraid I will have to cancel this Drupal installation

Thanks for that .........

Sanjay Chauhan's picture

Thanks for that.I really searching for that but here we got the exact solution for upload button on ck-editor .

->install ck editor (and follow the readme)
->install IMCE
->then go to site configuration > ck editor:
- assign a role to the default and advanced profiles (click on "basic settings", and check "Roles allowed to use this profile")
- then click on "File Browser settings", and check IMCE

Thanks again.

Sanjay Singh Chauhan

upload button using IMCE with CKeditor

ingvarolsen's picture

Thank you for your help!

use ckeditor module

chowdah's picture

Actually I found the whole thing pretty archaic, and decided to use the ckeditor module because it works out of the box: http://drupal.org/project/ckeditor

Thanks for the link

5dayapp's picture

I'm going to test this out today.

Have you found any way to do BASIC file management in the upload directories. I was using Xinha and its upload module allowed me to create directories. Seems like a very simple task, but I've seen no easy way to integrate any existing upload module that also allows for such rudimentary file management.

there is also the

EugenMayer's picture

there is also the wysiwyg_imageupload module which integrates with the WYSIWYG editor, compared to insert which is not integrated (but pretty small and nice).

You can see a videocast here, to see the module in action
http://www.youtube.com/watch?v=LEKpvI1G8qE

I tried your module...

kappaluppa's picture

@EugeneMayer
I was working on a site that had image assist problems and had read about your module and watched the screencast and was eager to use it. The site was built with panels and I read that image assist could cause a conflict there. I could not get the imageupload module to work in the panels custom content area wysiwyg. So, unfortunately, I had to go with ckeditor & IMCE. I'm looking forward to trying it again sometime.

tjtj's picture

So what am I missing?
I have WSIWYG disabled right now.

imce wysiwyg bridge & other stuff

kappaluppa's picture

@tjtj do you have the imce wysiwyg bridge module installed? http://drupal.org/project/imce_wysiwyg

There are also a couple of settings you need to take care of...
admin/settings/imce - In IMCE you need to create a profile to use IMCE and then assign it to roles
admin/settings/wysiwyg/profile - In wysiwyg profiles you need to assign an editor to an input format
admin/settings/wysiwyg/profile/2/edit (2 being replaced by your settings)- In the wysiwyg profile edit area you need to go to buttons and plugins and make sure you select IMCE and Image button

Finally, sometimes, depending on your theme, the image delete and resize options may be missing. Check out this thread if that's the case: http://drupal.org/node/785180

As you may have guessed, I've been through this recently, lol. Hope that helps! Oh, be sure to clear caches, etc. when checking on all this stuff...

K

Edit: @tjtj - i'm not clear if you are working with the wysiwyg module + imce or not... these instructions are for using the wysiwyg module + imce...

thank you. this did it.

anne1960's picture

thank you. this did it. forgot to create editor

adblau1's picture

Hi all,

I've been following this thread, and finally got IMCE enabled in WYSIWYG (thanks to the bridge -- thank you, kappaluppa). I'm able to upload images, and then incorporate them into my posts.

Interestingly, though, now -- those images are not actually showing up in the final posts! They're still there in the editor, but not on the final page.

(I should also say -- this is my first crack at a drupal 7 site -- everything I've done up till now has been in 6. Maybe i'm just missing a preference button somewhere?)

Any thoughts/advice on what I might be missing? Any help is much appreciated!

Thanks,

Adam

No images in end result sorted

Trekmp's picture

Hi all,

I've just been following this thread and got it all working (thanks to kappaluppa).

To get images to appear in the end result, I had to edit the content (page in this case) and change the [Input Format] to [Full HTML] and everything worked fine.

Hope this is of some help.

Did it for me! Thanks.

vonFrakas's picture

Did it for me! Thanks.

using IMCE with CKeditor

oakamit's picture

how to assign a role to the default and advanced profiles using imce with ckeditor ? please give detailed
instuctions. I have installed imce & ckeditor & done settings in profiles as per tutorial. But there is no upload button appearing in 'image' in ckeditor.
what exactly i am missing?
Thank you.

check this thread for

kappaluppa's picture

check this thread for information that may help:
"Finally, sometimes, depending on your theme, the image delete and resize options may be missing. Check out this thread if that's the case: http://drupal.org/node/785180"

No IMCE browser buttons at all (WYSIWYG + CKEditor + bridge)

Josh68's picture

A little late for a follow-up question, but I'll see if anyone's still out there. I've got a local install of D7 with the latest CKEditor library integrated with WYSIWYG and IMCE through the bridge module (dev version). It seems to be working - in fact, I think it was working at some point - but now I can browse files but there are no buttons in the browse view (Upload, Thumbnails, Delete, etc). I've tried different themes, which makes no difference.

The relevant missing code seems to be inside the ul op-items (inside the div ops-list). All the ul contains is one empty li, and it obviously should contain all the buttons. Anyone have any ideas? Thanks.

PaulT's picture

Like Josh68 - I've just installed D7 and the latest CKEditor. But I'm confused as to where to put the files and what settings I need.

I have the Wysiwyg 7.x-2.0 installed.
I have CKEditor 7.x-1.1
IMCE 7.x-1.3
IMCE Wysiwig API bridge 7.x-1.x-dev

I think I have everything configured correctly, but I'm not sure. The CKEditor installation instructions told me to add the "ckeditor 3.5.2" INSIDE the main ckeditor 7.x-1.1 directory. (/sites/all/modules/ckeditor/ckeditor/...) But the wysiwyg profile configurations told me to move the "ckeditor.js" file into a "libraries" folder - which I had to create. (/sites/all/libraries/ckeditor/ckeditor.js)

So I copied the whole directory. (should I have moved it??) In any case, the Wysiwyg profiles now asked me to choose an editor. I chose the "CKEditor 3.5.2.6450" for Full HTML, and in the Edit section, Buttons and Plugins," I checked the "IMCE" and "Image" checkboxes. (trying to follow the directions listed above)

But I get no browse or upload button in my image button in CKEditor, and not only that, the Editor window goes gray after I close out of the "Image" window. I can't click to save, preview or delete anything. I have to click on the main Admin navigation at the top of the window to get out of the editor, and no changes have been saved. Frustrating!

i have the same problem

nikiii's picture

i have the same problem.

it happened, when i've install LIGHTBOX2.

disable LIGHTBOX2, delete it from modules via /admin/modules/uninstall, and then delete it via ftp

buttons will appear again))))

Using Media Browser

hbblogger's picture

Hi, I have done a similar installation.
Wysiwyg 2.1 installed in modules;
The latest CKEditor - NB something that I have found is that you do NOT need to install the module and in fact if you do, it doesn't work when Wysiwyg is installed
Then there is the question of the uploader. This for me has been a weak spot with the DR7 modules but I am happy to see that is has been largely sorted out. I had previously installed media gallery which uses PLUPLOAD with Media Browser Plus. This combination allows you to upload numerous any media file from either your hard drive or from the server. There it was on my editor and sure enough, I could upload an image and it showed in the editor.

Thats the good news. For me the bad news is that it doesn't show on the web page (where I need it most). I am sure that there is some small tweak I can do to the source or some setting I can change to make it work. Can anyone help with this. Instead of the image, I get this code:

"{"type":"media","view_mode":"media_large","fid":"254","attributes":{"alt":"","class":"media-image","typeof":"foaf:Image"}}"

UPDATE : It appears that what I have above is a media tag. There is a module called resize filter which converts these to markup. The net result is something I have been trying to achieve for months which allows the user to get the media file from anywhere and insert it inline. Hope this helps someone!

Wysiwyg

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week