使用 Jquery/javascript 添加大量 HTML

Question

我正在开发一种在用户指定时自动生成大量添加的表单，包括可编辑的画布、可选择的输入、文本区域等。我想知道是否有一个工具可以更轻松地以更好的样式附加大块 HTML：例如，在我的 codeigniter PHP 视图中，只需关闭 PHP 标记并使用 <?=var?> 引用变量即可轻松完成。

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

上面的风格很糟糕吗？是否有可用于 javascript 的类似工具，以便我可以包含具有适当缩进的 html？

编辑： 更清楚地说，我不是在寻找大量关于 php 的输入——我的目标是使用 javascript 清洁器编辑我插入的 HTML。 问题与此类似：

    <?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>

<? } ?>

第二个更简洁，更易于开发人员编辑。所以我想用 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>');

并使其更易于管理。

Answer 1

缩进是给开发者的，使源代码可维护和可读。它与使“查看源代码”看起来不错无关。

Answer 2

确实看起来有点不愉快，当然。

如果我使用特定的页面生成方法，我可能会这样写。

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

您可能还想研究 php 的 DOM 方法。它们可以使创建可重用的模块化代码变得更加容易。 它们不像简单的字符串操作那么快，但更简洁、更强大。当日常流量意味着这种速度差异是一个问题时，您可能已经有钱可以投入一些 ode Monkey 以进行所需的更改。

Answer 3

试试CoffeeScript。它为普通的 javascript 添加了一些功能，例如字符串插值、块字符串和使编写大量 HTML 字符串文字变得轻而易举的东西。