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