# Embedded Table of Content block in rich text fields

**URL:** <https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927>\
**Category:** Ideas & Features\
**Tags:** rich-text\
**Created:** [August 8, 2023, 5:33pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927 "2023-08-08T17:33:22Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![YvetteLans](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yvettelans/32/6101_2.png) [@YvetteLans](https://community.fibery.io/u/YvetteLans)\
**Post date:** [August 8, 2023, 5:33pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/1 "2023-08-08T17:33:22Z")

</div>

A while ago the Table of Content is released.

While working in Fibery it feels intuitive since you know where to find the ToC. But if I share a single page outside Fibery, it’s not clear for a reader that there is a Table of Content.

Previously this was our set-up in Notion ⬇

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/6/66643fc2376e88188ab7c9e1b522582b259e0855.png)

It’s a long article with many steps. Not every step is needed for every reader. So the Table of Content is really helpful.

How it looks in Fibery ⬇

 ![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/fe4502dce2f33a2f5452728017d4631e10796b12.png)

Since ToC is sort of ‘hidden’ the reader doesn’t find it. We received feedback ‘that a table of content would be very helpful for such a long article’.

Would be great if we can have a table of content block in Fibery 🙂

---

<div class="post-metadata">

**Author:** ![Minh\_Tri\_Do\_Hang](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/minh_tri_do_hang/32/6791_2.png) [@Minh\_Tri\_Do\_Hang](https://community.fibery.io/u/Minh_Tri_Do_Hang)\
**Post date:** [August 9, 2023, 1:02am UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/2 "2023-08-09T01:02:01Z")

</div>

In Obsidian, the table of content pinned inside the right pannel of the app, and can be toggle. this must more convinient than inside rich text. Sometime you scroll down and wanna to get the right heading navigation you need to really hard to scroll up

---

<div class="post-metadata">

**Author:** ![YvetteLans](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yvettelans/32/6101_2.png) [@YvetteLans](https://community.fibery.io/u/YvetteLans)\
**Post date:** [August 9, 2023, 9:08am UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/3 "2023-08-09T09:08:40Z")

</div>

Yes, only requirement is that it’s visible for the reader 🙂 Don’t know what the best solution is. I think the current solution is fine for your use case. Since you can always open the ToC when your lower on the page. But then you have to know where to find the ToC at first 😅

---

<div class="post-metadata">

**Author:** ![njyo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/njyo/32/923_2.png) [@njyo](https://community.fibery.io/u/njyo)\
**Post date:** [August 11, 2023, 2:37pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/4 "2023-08-11T14:37:19Z")

</div>

I think a simple solution for this would be to just make the TOC visible by default on shared pages. There seems to be enough space anyway (and on a mobile it can be on top).

That said, I would love me some **ToC** and **Children** embeds. 😉  
(Ran out of votes 😿)

---

<div class="post-metadata">

**Author:** ![YvetteLans](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yvettelans/32/6101_2.png) [@YvetteLans](https://community.fibery.io/u/YvetteLans)\
**Post date:** [August 11, 2023, 4:48pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/5 "2023-08-11T16:48:41Z")

</div>

> [@njyo](#):
>
> I think a simple solution for this would be to just make the TOC visible by default on shared pages.

That sounds great 😄

---

<div class="post-metadata">

**Author:** ![Oshyan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/oshyan/32/11431_2.png) [@Oshyan](https://community.fibery.io/u/Oshyan)\
**Post date:** [August 14, 2023, 6:49pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/6 "2023-08-14T18:49:16Z")

</div>

My original [[DONE] Table of Contents block or other function](https://community.fibery.io/t/done-table-of-contents-block-or-other-function/2235) feature request actually included this and other functions that I’d _still_ like to see in the ToC. Admittedly my full feature list there is probably overkill, I’d certainly prioritize a number of other non-ToC things over many of those capabilities. But a few such as a ToC “block” or a way to “pin” it open (maybe on a per-document, persistent basis?) would be great to have. It’s nice that we have _something_ now but quite honestly I don’t love the current solution in a variety of ways. I added my other feedback under the original feature request but it has been closed:

> [@\[DONE\] Table of Contents block or other function](https://community.fibery.io/t/done-table-of-contents-block-or-other-function/2235/20):
>
> It’s a nice step forward, for sure! I personally would want to be able to pin it open, at the least. And for Rich Text Fields, I would prefer it to pop-out to the Left and not overlap contents (and also be pin-able), at least where width/screen space allow (I’m on a 4k monitor, plenty of room). I also wonder if there is a way to better hint at what it is, make it more discoverable to whose who are less exploratory and don’t tend to just click on something that isn’t clearly identified. The on-h…

---

<div class="post-metadata">

**Author:** ![Yuri\_BC](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yuri_bc/32/8803_2.png) [@Yuri\_BC](https://community.fibery.io/u/Yuri_BC)\
**Post date:** [March 23, 2024, 6:23pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/7 "2024-03-23T18:23:51Z")

</div>

Workaround

> [@Table of Contents (TOC) with anchor links](https://community.fibery.io/t/table-of-contents-toc-with-anchor-links/6011):
>
> The script generates and appends a Table of Contents (TOC) for a rich text field (Description). It works by fetching the text, identifying headings and GUID anchor links to construct a TOC, and then updating the text with this TOC added at the beginning. In the gif I show two button automations, with and without ‘Callout’. [chrome\_4vWWRtma7Z] Explanation Note: I chose to use JSON fetching and saving because directly manipulating the document content via JSON ensures that the existing GUIDs in…

---

<div class="post-metadata">

**Author:** ![njyo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/njyo/32/923_2.png) [@njyo](https://community.fibery.io/u/njyo)\
**Post date:** [May 13, 2024, 5:44am UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/8 "2024-05-13T05:44:43Z")

</div>

Just revisiting this to comment that getting a TOC and a child-pages “macro” for rich text fields is still very much needed.

Thanks!

---

<div class="post-metadata">

**Author:** ![YvetteLans](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/yvettelans/32/6101_2.png) [@YvetteLans](https://community.fibery.io/u/YvetteLans)\
**Post date:** [May 13, 2024, 12:19pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/9 "2024-05-13T12:19:19Z")

</div>

> [@njyo](#):
>
> Just revisiting this to comment that getting a TOC and a child-pages “macro” for rich text fields is still very much needed.

Agree. We’ve created embedded help articles for our customers so that we can update them for everybody at the same time.

We needed to create a TOC for that purpose and currently it looks like this:

![brave_jC0BmhGgQv](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/f/f48c3c198e8552358b5b892682788c6a7f7a5f2f.gif)

For our articles it’s not always that helpful to show the full TOC at the top of the page (mostly because some of the articles only have a H1 or H2 and then it looks odd).

But a TOC that you can expand/collapse on the top of the screen is more user friendly IMO.

---

<div class="post-metadata">

**Author:** ![Wilco\_Boode](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/wilco_boode/32/9985_2.png) [@Wilco\_Boode](https://community.fibery.io/u/Wilco_Boode)\
**Post date:** [October 28, 2024, 2:19pm UTC](https://community.fibery.io/t/embedded-table-of-content-block-in-rich-text-fields/4927/10 "2024-10-28T14:19:31Z")

</div>

The current ToC can be pretty unclear, and requires additional steps.  
Having a ToC block in the rich text field would allow us to add an additional ToC on pages where its absolutely necessary to have a clear ToC shown.

Ideally this ToC block would have a setting for the Header Depth (h1/h2/h3) used to generate the ToC.
