2014-04-19 27 views
-3

我正在为我的网站构建所见即所得的编辑器。我想在用户将图像插入文本时调整图像大小。怎么做 ?此代码不起作用。在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); 
    } 
} 
+1

坏消息:你将不得不写的方式更多的代码比这使它工作。 –

+0

编辑我的代码看看它。它不工作。 – user38701

+0

为什么人们不像这篇文章? – user38701

回答

0

我不知道什么样的你正在建设一个所见即所得的编辑器或者什么这些功能都在做,但一看我会建议尝试设置属性,不风格的高度和宽度:

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

由于corrseponding HTML应该是

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

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

编辑:

你可以在这里找到解决方案: How to get the image element after insert using execCommand?

+0

我用所见即所得的富文本HTML编辑器,所以这段代码不能放在所见即所得。 – user38701

+0

等一下,我以为你说你正在建造一个所见即所得的?你能给你正在使用的编辑器一个长度吗? –

+0

我的意思是我建立所见即所得的富文本HTML编辑器。当编辑器将图像放入文本时,它将其原始大小。所以我想修复所见即所得的图像大小富文本HTML编辑器 – user38701