使用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>");