title: List files in a Google Drive Folder in Google Sites
body: <p>I am following the <a href="https://developers.google.com/apps-script/articles/embedding_docslist_in_sites" rel="nofollow">tutorial</a>, specifically in Section 2. </p>
  
  <p>This bit of code snippet is giving me problem</p>
  
  <pre class="lang-js prettyprint-override"><code>function showFolderInSite() {
    var files = DocsList.getFolderById("PASTE_FOLDER_ID_HERE").getFiles();
    var page = SitesApp.getPageByUrl("PASTE_PAGE_URL_HERE");
    var listItems = page.getListItems();
    for(i in listItems){
       listItems[i].deleteListItem();
    }
    for(i in files){
       var title = "&lt;a href=\""+files[i].getUrl()+"\"&gt;"+ files[i].getName() +"&lt;/a&gt;";
       // Add data according to the order of columns in your list
       page.addListItem([title, files[i].getType(), files[i].getSize(), files[i].getOwner(), files[i].getLastUpdated()]);
   }
  }
  </code></pre>
  
  <p>The error I have encountered is </p>
  
  <pre><code>The anchor tag supplied for the List Item was not properly formed. (line 13)
  </code></pre>
  
  <p>When I change the code to</p>
  
  <pre><code>var title = "&lt;a href=\"File"+i+"\"&gt;"+ "DEBUG: File " + i +"&lt;/a&gt;";
  </code></pre>
  
  <p>The script runs properly and the list on Google Site page is updated - obviously with "DEBUG" for the name and an invalid link. I can actually see the correct Type and Owner, though not for the other columns. </p>
  
  <p>What could be the issue here?</p>
  
  <p>URL is <a href="https://sites.google.com/site/startupgaragemalaysia/file-list" rel="nofollow">https://sites.google.com/site/startupgaragemalaysia/file-list</a></p>