WYSIWYG API and images

cheriejd - October 15, 2009 - 16:56

I have the WYSIWYG API installed in my site along with fckeditor. Logically the client should be able to click on the image icon in the wysiwyg navigation and get the option to browse to a file and upload it. But that option does not appear.

Is there a reason that would not appear? I have img in the profile. I have the image module installed.

I tried using imagepicker, but it will not integrate with these modules.

I just want the client to be able to browse to an image, and place it in the content. Maybe more than one. You wouldn't think this would be difficult.

Suggestions? I have read through various forums, but some are old, the tinyMCE which works with image assist says it should be replaced by WYSIWYG API which does not appear to work with image assist.

Read through so many readme.txts that they no longer make sense. Checked permissions, checked profiles, made sure everything was active that needed to be.

I hope 7 is integrating image upload. It will really make this a much more versatile application for use with completely non-technical users.

thanks in advance for any help or suggestions.

Same problem here! (+ImageCache, in an ideal world)

BrightBold - October 17, 2009 - 13:50

I am struggling with exactly the same problem. I also have WYSIWYG API and FCKeditor, and ideally I'd like this to be integrated with ImageCache, so the client can browse, upload, and then modify the image.

From my research it seems like the way to do this is through Inline API, which unfortunately is only implemented in the development version of the Inline module at this point.

So I, too, would be very interested to hear how other people are integrating WYSIWYG API and inserting images into the body content in a user-friendly way.

Cherie check this out:

BrightBold - October 18, 2009 - 16:16

Cherie check this out: http://mustardseedmedia.com/podcast/episode29

I'm going to try implementing FileField Insert now and see how it goes.

IMCE

alan - October 23, 2009 - 16:12

use IMCE module, create a profile on it, and set this profile in the FCK Editor configuration (replace built in to IMCE), set the toolbar as drupal filtered or above in order to upload images

too many things?

cheriejd - October 26, 2009 - 19:18

I have the WYSIWYG (6.x-2.x-dev) module, with fckeditor (6.x-1.3-rc7). I also have IMCE (6.x-1.3) and the IMCE Wysiwyg API bridge 6.x-1.0. I have the profile in IMCE name support. I have made sure that Support has permission to access fckeditor.

In fckeditor I have set the profile to use IMCE and drupal filtered.

I have absolutely no icons for editing at all on any of my pages when I create or edit content.

Did I miss a step? Do I have too many things going on? Is there something somewhere I need to activat?

I have turned off image assist.

So, no icons to edit with, no way to put in images.

Who knew this would be so hard? I got it to work on 5 once...

thanks for any help.

-Foamy Industries http://foamyindustries.com
"We create web tools to help independent, artisanal and craft brands expand and connect with their community."

Check out img_assist or imce.

pkej - October 19, 2009 - 00:11

The wysiwyg project seems to move fast, be sure to use 6.x.2.x-dev versions. Anyway try out the imce module + imce_wysiwyg integration.

img_assist should probably work best since it is the same developer doing that module as wysiwyg. img_assist have some pretty impressing features not least that it integrates with views for the browser and tokens for creating the title and alt text for inserted images.

Give me a heads up if you get it to work or not.

Paul K Egell-Johnsen

image assist issue

cheriejd - October 21, 2009 - 15:26

warning: Division by zero in /hsphere/local/home/pathto client server/sites/all/modules/img_assist/img_assist.module on line 891.

Any idea?

-Foamy Industries http://foamyindustries.com
"We create web tools to help independent, artisanal and craft brands expand and connect with their community."

Image Assist only with TinyMCE?

BrightBold - October 23, 2009 - 14:49

I haven't tried Image Assist yet because the project page says it only works with TinyMCE at present, not FCKeditor. And it looks like they're recommending everyone use the 3.x-dev versions of Image assist and Inline API now, so those must be reasonably stable, but I thought they only integrated with the 3.x-dev version of WYSIWYG module, and I don't see a 6.x-3.x-dev version of that module available. Am I understanding this correctly? Is there a 3.x-dev Wysiwyg for Drupal 6 hiding somewhere?

In the meantime, FileField Insert is now the Insert module, and has gone from a dev version to beta2, so I'm going to try that out and I'll report back on how it goes.

Please let me know if I'm misunderstanding the status of Image Assist / Image API / Wysiwyg as that's the way I originally wanted to go.

Here was my solution

BrightBold - November 16, 2009 - 02:24

Here's what I did. Installed modules:

WYSIWYG 6.x-2.0 + FCKeditor/CKeditor (works with both)
FileField 6.x-3.2
ImageField 6.x-3.2
Insert (formerly FileField Insert) 6.x-1.0-beta2
ImageCache 6.x-2.0-beta10
ImageCrop 6.x-1.0-beta3
Image Resize Filter 6.x-1.4

Then I added a CCK Image field to the relevant node types. For some node types, I chose the "Image" widget type for the field, and then selected which ImageCache presets the client can choose from when they upload an image.

(For others, I chose the "Cropped Image" type and used ImageCrop to specify dimensions for the image and let the client select where the image will be cropped. Unfortunately I just found out that Insert doesn't currently support ImageCrop images, so you can't insert those images into the body, but it's such a cool module I wanted to mentioned it anyway (and hopefully that functionality will be added.))

Once the image is uploaded, the click a button to insert the image in the body (and size it there with Image Resize Filter, if desired.) The only thing I'm not loving is (and I don't know if this is a limitation of the WYSIWYG editor or one of the modules), is that when you insert the photo, your choices to float it are or rather than offering any CSS that I can style, so I am stuck with the same margins on left- and right-aligned images, rather than being able to make them line up with the text on the outside of the div and have a margin on the side next to the text.

But other than those caveats it's working pretty well.

Here's a great writeup I found today detailing many of the issues involved in image handling. http://drupal.org/node/316884

I am using almost exactly

ksargent - November 20, 2009 - 23:56

I am using almost exactly what you are, but my big problem is that I can't get thickbox to work with the inline images.

Will thickbox work with img_assist and tinymce on inline images?

I ended up hacking the

Alan D. - November 21, 2009 - 02:34

I ended up hacking the easy_image_insert (one of the issues has the complete working module). It is Insert with additional fields, like class triggers, etc. It only targets TinyMCE and Textareas, other may work...

Warning: These projects are not related, and the hacked easy image insert module is not supported.

I think I may try and port easy image insert into a WYSIWYG popup if I find the time. I really need this functionality in a project that I'm starting!

Alan Davison
www.caignwebs.com.au

 
 

Drupal is a registered trademark of Dries Buytaert.