JavaScriptを使って変数にhtmlを出力する

Question

私はJavascriptとJqueryの基礎を知っています。しかし、私はJavaScriptの変数でいくつかのHTMLを出力する必要があります。ここで、コードは次のとおりです。このJavaScript内

$(function() { 
    var availableTags = [ 
     "{% for entry in craft.entries.find() %}","<a href='{{ entry.url }}'>{{ entry.title }}</a>","{% endfor %}" 
    ]; 
    $("#search-results-general").autocomplete({ 
     source: availableTags 
    }); 
} 
); 

コードが小枝といくつかのhtmlです。私が使用しているCMSはCraft CMSです。

ありがとうございます！

Answer 1

通常、Twigはサーバー上で実行されます（最初は）、JavaScriptは通常クライアント上で実行されます（後で、ページがHTMLに変換されると、後で実行されます）。あなたが非常に奇妙な設定を使用していない限り、JavaScriptによって追加されたタグは実行されません。

サーバーサイドのjQueryやクライアント側のtwigライブラリで奇妙なことをしている場合は、より広い問題に対して別のアプローチをとるか、質問を編集して詳細を説明する必要があります。これの目的は小枝はjavascriptのコードの行を生成することです

<script> 
$(function() { 
    var availableTags = [ 
    {% for entry in craft.entries.find() %} 
     "<a href='{{ entry.url }}'>{{ entry.title }}</a>", 
    {% endfor %} 
    ]; 
    $("#search-results-general").autocomplete({ 
    source: availableTags 
    }); 
} 
); 
</script> 

：小枝ファイルのコンテキストで

、あなたのような何かを行うことができるかもしれません。上記のXSSの脆弱性を修正する必要があるかもしれないことに注意してください。