Resize images in WYSIWYG editor

Question

I was building an WYSIWYG editor for my website. I want to be able to resize images while user is inserting image into text. How to do it ? This code is not working.

this the code what i used.

function iImage(){  
   var imgSrc = prompt('Enter image location', '');  
   imgSrc.style.height='100px';
   imgSrc.style.width='50px';
   if(imgSrc != null){
       richTextField.document.execCommand('insertimage', false, imgSrc);   
   }
}

Bad news: You will have to write way more code than this to make it work. — Derek 朕會功夫, Apr 19 '14 at 08:14
I believe that's because there's nothing related to resizing images in your code. — Derek 朕會功夫, Apr 19 '14 at 08:40

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

I don't know what sort of a WYSIWYG editor you are building or what those functions are doing, though at a glance I would advise to try setting the height and width attributes, not styles :

function iImage(){  
   var imgSrc = prompt('Enter image location', '');  
   imgSrc.height='100px';
   imgSrc.width='50px';
   if(imgSrc != null){
       richTextField.document.execCommand('insertimage', false, imgSrc);   
   }
}

As the corrseponding HTML should be

<img src="..." height="100px" width="500px">

not

<img src="..." style="height100px;width:500px;">

EDIT:

You can find the solution here: How to get the image element after insert using execCommand?

edited May 23 '17 at 11:57

Community

1
1

answered Apr 19 '14 at 09:05

caffeinated.tech

6,428
1
21
40

I used WYSIWYG Rich Text HTML Editor so this code is can't put in WYSIWYG. – user38701 Apr 19 '14 at 09:25
Wait, I thought you said you are building a WYSIWYG? Can you give a length to the editor you are using? – caffeinated.tech Apr 19 '14 at 09:27
I mean i built WYSIWYG Rich Text HTML Editor. when editor put image to text it put its original size. so i want to make fix image size in WYSIWYG Rich Text HTML Editor – user38701 Apr 19 '14 at 09:38
See the link in my edit, it gives a solution which may work for you – caffeinated.tech Apr 19 '14 at 09:45
thank you its work. Somebody unlike my question but you helped me thank you much :) – user38701 Apr 19 '14 at 10:07

Resize images in WYSIWYG editor

1 Answers1