添加大量的HTML與jquery/javascript

我正在處理一個窗體，當用戶指定時自動生成一個大的添加，包括一個可編輯的畫布，可選輸入，textareas等。我想知道是否有一種工具可以更容易地以更好的樣式附加大塊HTML：例如，在我的codeigniter PHP視圖中，只需通過關閉PHP標記並使用<?=var?>引用變量即可輕鬆完成。添加大量的HTML與jquery/javascript

<?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>');

並使其更容易管理。

來源

2012-10-29 Luciasar00

不推薦使用FYI php shorttags。真的應該改成'<？php echo $ var; ？> – Pitchinnate

他們有被棄用的危險嗎？對於鏈接而不是<？php echo base_url（）？> – Luciasar00

嘗試CoffeeScript。它爲正常的JavaScript添加了一些功能，如字符串插值，塊字符串和使HTML字符串文字大塊寫入的小東西。

來源

2012-10-29 20:58:02 nicooga

這看起來不錯 - 就是我在尋找的那種東西。謝謝 – Luciasar00

縮進是爲開發者，使源代碼可維護和可讀。它與使「查看源代碼」看起來不錯無關。

來源

2012-10-29 20:41:25

是的，當然可以寫<？= base_url（）？>。我試圖讓我的javascript源代碼看起來不錯，對我來說，開發人員。對不起，如果我不清楚 - 這將是我可以更容易地處理HTML插入的JavaScript。但另一方面，如果你使用類似螢火蟲的東西，那麼在用戶端清理源代碼會使調試更容易。 – Luciasar00

它確實看起來有點不愉快。

我可能會這樣寫，如果我正在使用特定的方法來生成頁面。

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

您可能還想了解一下php的DOM方法。他們可以使創建可重用的模塊化代碼變得更容易。它們並不像簡單的字符串操作那麼快，但更加整潔和更強大。當日常交通意味着這種速度差異是一個問題時，你可能有錢投擲一些頌歌來做出所需的改變。

來源

2012-10-29 20:48:56 enhzflep

添加大量的HTML與jquery/javascript

回答

相關問題