title: how to add <a> HTML tag in json array object
body: <p>I am new to creating array object , and I dont know how to add link in  tag in json file</p>
  <p>json object code:</p>
  <pre class="lang-js prettyprint-override"><code>powerUpList: [ 
    {
      id: 8,
      name: 'Automate your API column type ',
      description: 'Set automated schedules (daily, 3 days, weekly, biweekly, monthly) on your API column type and keep yourself up to date at all times. Note: Please check total limits based on your plan. ',
      category: 'Automation',
      status: 0,
    },
    {
      id: 9,
      name: 'Google Drive Sync ',
      description: 'Sync your stacks directly with your Google Drive Account and open/create stacks from Google Drive.',
      category: 'Apps',
      status: 0,
    },
    {
      id: 10,
      name: 'Google Chrome Extension',
      description: 'Clip information from any webpage, through a custom google chrome extension.&lt;a href=&quot;https://chrome.google.com/webstore/detail/stackby-webclipper/kjkhpjfgbiedbaohfklagjmcdjhamoje&quot; &gt; Download it from here.&lt;/a&gt;',
      category: 'Apps',
      status: 0,
    },
    {
      id: 11,
      name: 'Color Formatting on Rows',
      description: 'Add colors on rows based on pre-defined conditions. ',
      category: 'Data Transformation',
      status: 0,
    },
    {
      id: 12,
      name: 'Database Snapshots',
      description: 'Take a manual, point-in-time snapshot of your database and recover it at a later time. Note: Duration for snapshot history is based on the plans. ',
      category: 'Data Recovery',
      status: 1,
    },
  ],
  
  powerUpCategoryList: [
    'Data Recovery',
    'Import',
    'Data Transformation',
    'Sharing',
    'Automation',
    'Apps',
  ],
  </code></pre>
  <p>this is my json file code</p>
  <p>and this is actual code in .ejs where all instance perform , and the accordian does not close ,</p>
  <p>powerup.ejs</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;col-md-9&quot; id=&quot;root&quot;&gt;
    &lt;div role=&quot;tablist&quot; id=&quot;accordion-1&quot;&gt;
      &lt;%for (var i = 0; i &lt; powerUpList.length; i++) { %&gt;
        &lt;div class=&quot;card&quot;&gt;
          &lt;div class=&quot;card-header&quot; role=&quot;tab&quot;&gt;
            &lt;a data-toggle=&quot;collapse&quot; aria-expanded=&quot;true&quot; aria-controls=&quot;accordion-1 .item-&lt;%= i+1 %&gt;&quot; href=&quot;div#accordion-1 .item-&lt;%= i+1 %&gt;&quot;&gt;&lt;%= powerUpList[i].name%&gt;&lt;/a&gt;
  
            &lt;%if (powerUpList[i].status == 0) { %&gt;
                &lt;a class=&quot;live-lable status-live&quot; &gt;
                  Live 
                &lt;/a&gt;
              &lt;%}else if(powerUpList[i].status == 1){-%&gt;
                &lt;a class=&quot;live-lable status-comingsoon&quot; &gt;
                  Coming soon 
                &lt;/a&gt; 
              &lt;%}else if(powerUpList[i].status == 2){-%&gt;
                &lt;a class=&quot;live-lable status-beta&quot; &gt;
                  In-Beta 
                &lt;/a&gt; 
              &lt;%}-%&gt;
          &lt;/div&gt;
          &lt;div class=&quot;collapse show item-&lt;%= i+1 %&gt;&quot; role=&quot;tabpanel&quot; data-parent=&quot;#accordion-1&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                  &lt;p class=&quot;card-text&quot; &gt;&lt;%= powerUpList[i].description%&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;%}-%&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>here , I want to show in <strong><a href="https://chrome.google.com/webstore/detail/stackby-webclipper/kjkhpjfgbiedbaohfklagjmcdjhamoje" rel="nofollow noreferrer" > Download it from here.</a>',</strong>  in as download link , but it show whole url ,<a href="https://i.stack.imgur.com/rIUnB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rIUnB.png" alt="enter image description here" /></a></p>