1

編集可能なキャンバス、選択可能な入力、テキストエリアなど、ユーザーが指定したときに大きな追加を自動生成するフォームに取り組んでいます。HTML の大きなブロックをより簡単に、より優れたスタイルで追加するためのツールがあるかどうか疑問に思っています。たとえば、私の codeigniter PHP ビューでは、PHP タグを閉じて<?=var?>.

<?php if (condition) {?>
    <h1>List a variable <?=$var?></h1>
<?php }?>

上記のひどいスタイルですか？適切なインデントでhtmlを含めることができるように、javascriptに使用する同等のツールはありますか?

編集: 明確にするために、私は php で多くの入力を探しているわけではありません。私の目的は、挿入する HTML を javascript クリーナーで編集することです。この問題は次のようなものです。

    <?php
if (condition) {
echo "<div>";
echo "<p> a line of html code<p>";
echo "<h1> more stuff and a ".$variable;
echo "<div>";
}
?>

//vs

<?php 
if (condition) { ?>
<div>
    <p> A line of html code, but easier to edit</p>
    <h1> a <?=$var?>
</div>

<? } ?>

2 つ目は、開発者にとってよりクリーンで編集しやすいものです。だから私はjavascriptで同じことをしたいと思います。

$(this).append('<p>a whole bunch of stuff'+var+'more stuff<p>');
$(this).append('<p>more stuff<p>');
$(this).append('<h1>more stuff<h1>');

そして、管理を容易にします。

4

3 に答える 3

1

インデントは、開発者がソース コードを保守可能で読みやすいものにするためのものです。「ソースの表示」の見栄えを良くすることとは何の関係もありません。

于 2012-10-29T20:41:25.623 に答える
1

確かに、それは少し不愉快に見えます。

ページ生成にその特定のアプローチを使用していた場合、おそらく次のように記述します。

<?php 
      if (condition)
         echo "<h1>List a variable $var</h1>";
?>

また、php の DOM メソッドを調べることもできます。再利用可能なモジュラー コードの作成がはるかに簡単になります。単純な文字列操作ほど高速ではありませんが、はるかに洗練されており、より強力です。毎日のトラフィックがこの速度の違いを問題にしていることを意味する場合、必要な変更を行うために頌歌猿に投げるお金があるでしょう。

于 2012-10-29T20:48:56.280 に答える
0

CoffeeScriptを試してください。文字列補間、ブロック文字列など、通常の JavaScript にいくつかの機能を追加して、HTML 文字列リテラルの巨大なブロックを簡単に作成できるようにします。

于 2012-10-29T20:58:02.143 に答える