Scriptacolus의 노드 빌더를 사용하여 HTML을 삽입하려면 어떻게 해야 합니까?

Question

예를 들어 이 코드

var html = "<p>This text is <a href=#> good</a></p>";
var newNode = Builder.node('div',{className: 'test'},[html]);
$('placeholder').update(newNode);

p와 a 태그가 표시됩니다. 이 태그가 이스케이프되는 것을 방지하려면 어떻게 해야 합니까?

Answer 1

Builder.node의 마지막 매개변수는 "Array, List of other node to be added as children"입니다. 위키.따라서 문자열을 전달하면 텍스트처럼 처리됩니다.

다음을 사용할 수 있습니다.

var a = Builder.node('div').update("<a href='#'>foo</a>")

링크가 텍스트인 경우:

var a = Builder.node('div', {'class':'cool'}, 
         [Builder.node('div', {'class': 'another_div'})]
        );

프로토타입만 사용할 수도 있습니다. 새로운 요소() (버전 1.6부터 사용 가능)

var a = new Element('div').insert(
          new Element('div', {'class': 'inner_div'}).update("Text in the inner div")
        );

Answer 2

다음 솔루션을 사용할 수 있습니다. http://sviudes.blogspot.com/2009/08/como-usar-etiquetas-html-con.html