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