Question

我正在处理一个表单，该表单在用户指定时自动生成大量添加，包括可编辑画布，可选输入，textareas等。我想知道是否有一个工具可以更容易地添加大块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方法。他们可以更轻松地创建可重用的模块化代码。它们不像简单的字符串操作那么快，但更整洁，更强大。当每日交通意味着这种速度差异是一个问题时，你可能有钱投掷一些颂猴以进行必要的改变。

Answer 3

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

使用Jquery / javascript添加大量HTML

3 个答案: