php - 使用 Jquery/javascript 添加大量 HTML

Question

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

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

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

编辑:更清楚地说，我不是在寻找关于 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>

<? } ?>

第二个更清晰，更易于开发人员编辑。所以我想用 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

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