Question

我正在为我的网站构建一个WYSIWYG编辑器。我希望能够在用户将图像插入文本时调整图像大小。怎么做？此代码无效。

这是我用过的代码。

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);   
   }
}

Answer 1

我不知道你正在构建什么样的WYSIWYG编辑器或者这些功能正在做什么，虽然我一眼就建议尝试设置高度和宽度属性，而不是样式：

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

因为转发的HTML应该是

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

不

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

修改

您可以在此处找到解决方案： How to get the image element after insert using execCommand?

在WYSIWYG编辑器中调整图像大小

1 个答案: