Block: Table of Contents Markup not correct

  • Resolved wputler

    (@wputler)


    4 years, 5 months ago

    Instead of one <ul> list with nested for the different heading levels, it’s just one <li> per <ul> and one heading doesn’t even have a <ul> around it.

    <div class="uagb-toc__list-wrap" data-headers="[{&quot;tag&quot;:1,&quot;text&quot;:&quot;H1 Heading&quot;,&quot;link&quot;:&quot;h1-heading&quot;,&quot;content&quot;:&quot;H1 Heading&quot;,&quot;level&quot;:0},{&quot;tag&quot;:2,&quot;text&quot;:&quot;H2 Heading&quot;,&quot;link&quot;:&quot;h2-heading&quot;,&quot;content&quot;:&quot;H2 Heading&quot;,&quot;level&quot;:1},{&quot;tag&quot;:3,&quot;text&quot;:&quot;H3 Heading&quot;,&quot;link&quot;:&quot;h3-heading&quot;,&quot;content&quot;:&quot;H3 Heading&quot;,&quot;level&quot;:2},{&quot;tag&quot;:4,&quot;text&quot;:&quot;H4 Heading&quot;,&quot;link&quot;:&quot;h4-heading&quot;,&quot;content&quot;:&quot;H4 Heading&quot;,&quot;level&quot;:3},{&quot;tag&quot;:5,&quot;text&quot;:&quot;H5 Heading&quot;,&quot;link&quot;:&quot;h5-heading&quot;,&quot;content&quot;:&quot;H5 Heading&quot;,&quot;level&quot;:4},{&quot;tag&quot;:6,&quot;text&quot;:&quot;H6 Heading&quot;,&quot;link&quot;:&quot;h6-heading&quot;,&quot;content&quot;:&quot;H6 Heading&quot;,&quot;level&quot;:5},{&quot;tag&quot;:3,&quot;text&quot;:&quot;Accordion&quot;,&quot;link&quot;:&quot;accordion&quot;,&quot;content&quot;:&quot;Accordion&quot;,&quot;level&quot;:2},{&quot;tag&quot;:5,&quot;text&quot;:&quot;This is a Short code Table Headers are not available&quot;,&quot;link&quot;:&quot;this-is-a-short-code-table-headers-are-not-available&quot;,&quot;content&quot;:&quot;This is a Short code Table Headers are not available&quot;,&quot;level&quot;:3},{&quot;tag&quot;:5,&quot;text&quot;:&quot;This is a Block Editor Table with Headers & style stripes&quot;,&quot;link&quot;:&quot;this-is-a-block-editor-table-with-headers-style-stripes&quot;,&quot;content&quot;:&quot;This is a Block Editor Table with Headers & style stripes&quot;,&quot;level&quot;:3}]">
      <ul class="uagb-toc__list">
        <li>
          <a href="#h1-heading">H1 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h2-heading">H2 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h3-heading">H3 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h4-heading">H4 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h5-heading">H5 Heading</a>
        </li>
      </ul>
      <ul class="uagb-toc__list">
        <li>
          <a href="#h6-heading">H6 Heading</a>
        </li>
      </ul>
      <li>
        <a href="#accordion">Accordion</a>
      </li>
      <ul class="uagb-toc__list">
        <li>
          <a href="#this-is-a-short-code-table-headers-are-not-available">This is a Short code Table Headers are not available</a>
        </li>
        <li>
          <a href="#this-is-a-block-editor-table-with-headers-style-stripes">This is a Block Editor Table with Headers & style stripes</a>
        </li>
      </ul>
    </div>
</div>

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Block: Table of Contents Markup not correct’ is closed to new replies.

Tags