javascript - 使用 execCommand() 添加 CSS 类

Question

function iBlockquote(){
    rich_body_eng.document.execCommand('FormatBlock', false, "<blockquote>");
    var quote = window.getSelection().focusNode.parentNode;
    $(quote).addClass("quote");
}

上面我使用 execCommand() 向所选文本添加了 block 引号.我想做的另一件事是添加 CSS类名为 quote到 <blockquote标签，因此输出类似于 <blockquote class="quote">Some text</blockquote> .它似乎不起作用。请帮忙。

我正在使用这个问题作为指导。 How to add class or id or CSS style in execCommand formatBlock 'p' tag?

Answer 1

无法在 Firefox 中重现，这里是一个 JSFiddle ，我尝试使用 jQuery 和纯 JavaScript 添加类，两者都有效。

HTML

<div contentEditable="true"></div>

CSS

This is just to visualize the blockquote.

.quote{
    width:300px;
    height:100px;
    background-color:khaki;
}

JavaScript

document.designMode = "on";
document.execCommand('formatBlock', false, "<blockquote>");
var quote = window.getSelection().focusNode.parentNode;
$(quote).addClass("quote");
//quote.className = "quote";

也许这有帮助，也许我做了一些不同的事情:)