完全に読み込み可能なJavascript変数にHTMLを格納するための良い方法

Question

私はJavascript変数にHTMLを格納しようとしています。これにより、将来読みやすく編集することができます。

私はこれをやった。そして、唯一のことは、私は（それはどんな簡単だ場合）おそらくPHPの変数に格納し、将来的に編集することがより容易になりたいです

var form = [ 
    "<fieldset>", 
    " <label></label>", 
    "</fieldset>" ].join("\n"); 

とそれか何かをエンコードする。

あなたが言及したPHPのオプションは、あなたが行きたい道です

Answer 1

を：

$form =<<<FORM 
<fieldset> 
    <label></label> 
</fieldset> 
FORM; 

http://www.php.net/manual/en/language.types.string.php#language.types.string.syntax.heredoc

Answer 2

場合は、1つのオプション（それは非常に読みやすく、簡単に編集可能です）のようなものであろうと、その後全体の多くのHTMLがあるように起こっている：

最大のメリットは、読みやすくするために自由にインデントできることです明らかに、非常に単純な例ですが、うまくいけばポイントが得られます。

Answer 3

あなたは、各回線にバックスラッシュを追加することによって、複数行の文字列を書くことができます：PHPの変数で

Creating multiline strings in JavaScript

Answer 4

私はjQueryのテンプレートを使用します。

http://blog.reybango.com/2010/07/09/not-using-jquery-javascript-templates-youre-really-missing-out/

あなたの例：

<script id="myTemplate" type="text/html"> 
    <fieldset><label></label></fieldset> 
</script> 

また、テンプレートは、例えば、あなたが変数に追加することができます：

<script id="myTemplate" type="text/html"> 
    <fieldset><label class="${labelclass}">${label}</label></fieldset> 
</script>  

あなたは配列として情報を渡し

var templateData = [ 
    { labelclass: "fruit", label: "orange" }, 
    { labelclass: "vegetable", label: "cucumber" }, 
    { labelclass: "animal", label: "dog" } 
]; 

そして、あなたはあなたが変数を使用する必要はありませんが、それはそれを手動で構築しようとしているよりもずっときれいだ

$("#myTemplate").tmpl(templateData).appendTo("form");

を配置したい場所に追加することができます。