html - 使用 rangy.cssClassApplier 将类应用于字符串

Question

我如何使用rangy.cssClassApplier将类应用于字符串？谢谢

Answer 1

你不能直接。Rangy CSS 类应用程序仅适用于 DOM。

您可以将 HTML 字符串添加到临时元素，应用 CSS 类并再次将其删除。

现场演示：http: //jsfiddle.net/Ta3ta/

代码：

function applyCssClassToHtml(cssClass, html) {
    rangy.init();
    var cssClassApplier = rangy.createCssClassApplier(cssClass);
    var div = document.createElement("div");
    div.innerHTML = html;
    document.body.appendChild(div);
    var range = rangy.createRange();
    range.selectNodeContents(div);
    cssClassApplier.applyToRange(range);
    range.detach();
    document.body.removeChild(div);
    return div.innerHTML;
}

var html = applyCssClassToHtml("someClass", "Hello <b>world</b>");