javascript - 模板化仅采用标题/内容参数的 HTML 代码块的简洁方法，其中内容可能很大且散布着换行符

Question

我在我学校的网络服务器上使用 Accordion (jQuery)。目前，我的编码方案使用 PHP/HTML/CSS/Javascript。在为 Accordion 模块编写条目时，我开始注意到自动化/模板化的机会。我写了下面的代码:

<h3>Title</h3>
<div class="nobg">
  <p class="nobg">
    <!-- Entry text -->
  </p>
</div>

所以我正在寻找根据以下需求对代码进行模板化的最佳方法的指针:

• 可调参数:标题、内容
• 在制作包含大量内容“参数”的新模块时，该参数的创建应保持可读性。

因为我已经在使用 PHP，所以我在想也许可以使用某种模板函数:

<? php accordion_entry("Title", "Entry Text" ?>

但是文本通常是很多 HTML:像下面这样:

<a href="EnablerIIG/GSM0107_full.pdf">PDF</a>
  <p>
    The release date is 2007 but the pinout seems to check out (I did some small verifications with my PCB). Also, the reference documents are all valid!
  </p>

我想自己在指定位置编写该 HTML，模块最终将作为一个整体出现。也许更酷的是这样的:

<accordion-entry title="Title">
    <a href="EnablerIIG/GSM0107_full.pdf">PDF</a>
    <p>
      The release date is 2007 but the pinout seems to check out (I did some small verifications with my PCB). Also, the reference documents are all valid!
    </p>
</accordion-entry>

我不知道如何开始创建这样的机制，或者是否太麻烦了。

Answer 1

我找到了我的临时解决方案，直到有人提出更好的解决方案!请查阅!我不是 PHP 专家!! :D

PHP 函数:

<?php

function accordionEntry($title, $entry)
{
    echo '<h3>' . $title . '</h3>';
    echo '<div class="nobg">';
    echo '  <p class="nobg">';
    echo $entry;                //  <!-- Entry text -->
    echo '  </p>';
    echo '</div>';
}

?>

PHP函数调用:

<?php accordionEntry(
    "GSM0107IG001 - Integration Manual",

    '<a href="EnablerIIG/GSM0107_full.pdf">PDF</a>
    <p>
        The release date is 2007 but the pinout seems to check out (I did some small verifications with my PCB). Also, the reference documents are all valid!
    </p>');
?>