Active
Project:
Image Resize Filter
Version:
6.x-1.12
Component:
Miscellaneous
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
11 Oct 2011 at 15:08 UTC
Updated:
14 Apr 2016 at 10:05 UTC
Jump to comment: Most recent
Comments
Comment #1
quicksketchI'm guessing that CKEditor is doing something funky here. Try disabling Image Resize Filter entirely, as it should have absolutely no effect on editing content. You'll probably find the same problem exists even if you have it disabled, in which case this question should go to CKEditor module.
Comment #2
earlofsandwich commentedGo in to your CKEditor profile, open up the Security dropdown and ensure "Image resize filter" is checked. This preserved the height and width settings for me.
Comment #3
quicksketchThanks @earlofsandwich. Let's mark this request fixed as we haven't heard any updates since the original posting.
Comment #4
jmwhitco commentedSorry, I just checked back...I thought I was supposed to get an email when comments were added to an issue I started. I'll check this out and report back.
Comment #6
GinaF commentedI have exactly the same problem as jmwhitco.
I was trying to follow suggestion in #2
I went into the CKEditor profile page, under profile then security tab, I can't see an "image resize filter" that I can check.
Can you help me out at all? Am I looking in the right place? (this image resize filter is ticked under the Image Resize filter module configurations)
If I have "full html" for my wysiwyg, the editing change is saved when re-editing. It's just with "filtered html" it's lost. But I need filtered html for security.
Thanks
Gina
Comment #7
phoenix commentedSame over here with drupal 7.17, CKEditor 7.x-1.9, image resize filter 7.x-1.13
I just installed image resize filter, configured it (Added filter to filtered html). When saving a node it resizes the image and saves a copy locally. But when editing the node, the full image is displayed, without width and height information. When I save the node, the full width image is used.
And as someone said above, I can't find the image resize filter under the security tab.
When looking into the database I see this for the body field:
<p><img alt="" src="/sites/default/files/bryce-canyon-sunrise.jpeg" style="height: 225px; width: 300px;" /></p>And rendered on the site:
<p><img alt="" src="/sites/default/files/resize/bryce-canyon-sunrise-300x225.jpeg" width="300" height="225"></p>Any ideas?
I guess it has to do with the wrongly saved link in the body field? As the filtered html filter removes inline CSS (style="height: 225px; width: 300px;). So how to solve this? Can this link to the resized item be saved into the db?
Comment #8
quicksketch@phoenix: As far as I can tell what you've described is the intended functionality of image resize filter. This module is a filter that affects *output*, it doesn't affect anything that's saved in the database or modify what the user typed into the textarea. So when you edit a node, it should contain the exact same text the user input (including the original path to the file). This makes it so that user can resize the image again and a new derivative image will be generated on output based on the new size.
Comment #9
phoenix commentedThanks for your reply. I fixed the problem by using the wysiwyg_filter module instead of core HTML filter. With the wysiwyg_filter module I was able to allow width and height in the style attribute. Now it works like a charm.
Comment #10
johnpicozziHas anyone found a solution for this? I am currently using CKEditor and as @GinaF states the security tab says nothing about Image Resize Filter. Works great on the first save and then blows up on future saves.
Comment #11
elenat82 commentedHi everyone,
I am experiencing this issue too, my configuration is:
Drupal 7.39
CKEditor 7.x-1.16
Image resize filter 7.x-1.16
/admin/config/content/formats/filtered_html
Enabled filters -> checked Image resize filter
Filter processing order -> image resize filter is the second one (first one is Insert node because I have this filtered enabled too)
Filter settings -> Resize images stored checked only Locally
/admin/config/content/ckeditor/edit/Advanced
EDITOR APPEARENCE Plugins -> checked Plugin for inserting files from IMCE without image dialog (not sure what it does though...)
ADVANCED CONTENT FILTER Extra allowed content -> img[style]
ADVANCED OPTIONS Custom JavaScript configuration -> config.extraAllowedContent = true;
My goal is to let the user upload an image to the textarea and resize it as he likes.
Comment #12
earlofsandwich commentedHi Elenat82, can I just check you have understood what the plugin does?
It does not allow you to resize images in the CKEditor as such. If you are in a browser such as Firefox, when you insert an image into the Rich Text Area (CKEditor) you will automatically get resize handles when you click an image. If you then scale the image down, CKEditor stores the new image dimensions using CSS, but the image will still be the original size. The Image Resize Filter reads these dimensions and sizes the image down to actual size so you are not serving large images.
Be aware that the resize handles don't always appear, which might make you think you can't resize an image - notably Chrome doesn't show them. Firefox does, so I tend to use it for content editing.
Apologies if you already know this, you final line about letting the user resize the image as they like made me think you were hoping the filter would allow them to scale their image in the editor.
Comment #13
elenat82 commentedHi earlofsandwich,
I misunderstood the purpose of this plugin, sorry!
Furthermore I realized that what I wanted could be done with just the IMCE module....
Thank you anyway!
Comment #14
earlofsandwich commentedNo worries, it's still a really useful module to have so clients who put in massive images and scale them in the editor (assuming they're using a browser that supports it, or use the image dimension fields in the popup) get sized to something reasonable!