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 への最後のパラメータは、「配列、子として追加される他のノードのリスト」です。 ウィキ. 。したがって、文字列を渡すと、テキストのように扱われます。

以下を使用できます:

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