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