execCommand - 在blockquote標籤中包含包含標籤的內容

Question

我試圖在<blockquote>標籤中包裝一些選定的元素，但我認爲可能會使用的方法取代了現有標籤而不是包裝它們。

這是我的代碼。

$("input[value='Quote']").on("click", function() { 
    document.execCommand('formatBlock', false, '<blockquote>'); 
}); 

和...

<div contentEditable> 
    <p>para 1</p> 
    <p>para 2</p> 
</div> 

<input type="button" value="Quote" /> 

我想這樣的事情結束了...

<div contentEditable> 
    <blockquote> 
     <p>para 1</p> 
     <p>para 2</p> 
    </blockquote> 
</div> 

，而不是這是我目前得到如下...

<div contentEditable> 
    <blockquote> 
     para 1 
     <br /> 
     para 2 
    </blockquote> 
</div> 

謝謝

Answer 1

這應該這樣做

$("input[value='Quote']").on("click", function() { 
    $("<blockquote/>").insertBefore($("[contenteditable]").find("p:first")).append($("[contenteditable]").find("p")) 
});