在WYSIWYG編輯器中調整圖像大小

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

來源

2014-04-19 user38701

壞消息：你將不得不寫的方式更多的代碼比這使它工作。 –

編輯我的代碼看看它。它不工作。 – user38701

爲什麼人們不像這篇文章？ – user38701

我不知道什麼樣的你正在建設一個所見即所得的編輯器或者什麼這些功能都在做，但一看我會建議嘗試設置屬性，不風格的高度和寬度：

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?

來源

2014-04-19 09:05:24

我用所見即所得的富文本HTML編輯器，所以這段代碼不能放在所見即所得。 – user38701

等一下，我以爲你說你正在建造一個所見即所得的？你能給你正在使用的編輯器一個長度嗎？ –

我的意思是我建立所見即所得的富文本HTML編輯器。當編輯器將圖像放入文本時，它將其原始大小。所以我想修復所見即所得的圖像大小富文本HTML編輯器 – user38701

在WYSIWYG編輯器中調整圖像大小

回答

相關問題