Dizeye bir sınıf uygulamak için rangy.cssClassApplier'ı kullanın

Bir sınıfa bir dizeyi uygulamak için rangy.cssClassApplier 'ı nasıl kullanabilirim? Teşekkürler

0

1 cevap

Doğrudan yapamazsın. Rangy CSS sınıfı uygulayıcıları yalnızca DOM'de çalışır.

HTML dizginizi geçici bir öğeye ekleyebilir, bir CSS sınıfı uygulayabilir ve tekrar kaldırabilirsiniz.

Live demo: http://jsfiddle.net/Ta3ta/

Kod:

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 world");
1
katma