Resize image in wysiwyg text area [#2230547]

Hello,

I looked for during several days the solution but i didn't found.
My problem:
I drop an atom (image) onto a wysiwyg (CKeditor) text area (body).
I want to resize this image. So i click on the ckeditor image icon, change the width and height properties.
I saved my article. But the image stay with the original size.

I tried to change the atom context and transcoders, but it is not exactly that i want.
I want to change the image size dynamicly in a wysiwyg text area.

Do you have a solution of my issue?
Thanks.

Scald 7.x-1.1
Wysiwyg 7.x-2.2
CKeditor 4.3.1

Comments

Comment #1

Mamin CreditAttribution: Mamin commented 1 April 2014 at 12:19

Issue summary:

View changes

Comment #2

Mamin CreditAttribution: Mamin commented 5 April 2014 at 10:33

The source code in ckeditor is :

<div class="dnd-atom-wrapper type-image context-sdl_editor_representation atom-align-center" contenteditable="false"> 
<div class="dnd-drop-wrapper"> 
<!-- scald=4:sdl_editor_representation {"link":""} --> 
<div class="image"> 
<img alt="" src="http://.../xxx.jpg" style="height:100px; width:200px">
 </div> 
<!-- END scald=4 --> 
</div> 
</div>

But in the database it is :

<div class="dnd-atom-wrapper type-image context-sdl_editor_representation atom-align-center" contenteditable="false"> 
<div class="dnd-drop-wrapper"> [scald=4:sdl_editor_representation {"link":""}] </div> 
</div>

The height and width is not save. After the HTML output is rendered by the atom context (here it's editor representation):

<div class="dnd-drop-wrapper"> 
<div class="image"> 
<img width="182" height="71" alt="" src="http://.../xxx.jpg" class="image-style-none" typeof="foaf:Image"> 
</div> 
</div>

Comment #3

jcisio CreditAttribution: jcisio commented 2 May 2014 at 14:56

Status:

Active

» Fixed

If you want to resize an image, use context (see https://drupal.org/node/1775718). Hardcoded image size makes it difficult to do responsive website. Currently Scald does not allow to do that (even it could be extensible through the "options").