1

HTML を Javascript 変数に保存して、後で読みやすく編集できるようにしようとしています。

私はこれをやった：

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

唯一のことは、将来編集するよりも簡単にしたいことです。おそらく、PHPの変数に保存して（それが簡単な場合）、エンコードするか何かを行います。

それよりもはるかに多くのHTMLが存在するでしょう

4

4 に答える 4

1

PHP 変数:

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

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

于 2012-04-25T18:08:42.803 に答える
0

あなたが言及したPHPオプションがあなたが行きたい方法である場合、1つのオプション（非常に読みやすく、簡単に編集可能）は次のようになります。

$out = '<div>';
    $out .= '<p>Hello, World</p>';
$out .= '</div>;

最大の利点（私は思う）は、これにより読みやすさのために自由にインデントできることです。明らかに非常に単純な例ですが、うまくいけば、要点が伝わります。

于 2012-04-25T18:03:21.033 に答える
0

各行に円記号を追加することで、複数行の文字列を記述できます。

JavaScriptで複数行の文字列を作成する

于 2012-04-25T18:03:30.207 に答える
0

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

変数を使用する必要はありませんが、手動で作成するよりもはるかにクリーンです。

于 2012-04-25T18:18:54.480 に答える