Str += "" + lvl + " " + obj.innerHTML + "" * Get the number of the multilevel list in accordance with the current title */ Var obj = document.getElementsByTagName("*") * Get all HTML tags from the current page */ Var toc = document.getElementById("sp-toc") * DOMElement : the TOC container retrieved by ID
Padding-left: 40px /* Add a indentation greatter than the previous one */ Padding-left: 20px /* Add a indentation for the 2e level of title */ * currently, the first level supported by the script */ Text-decoration: none /* Remove default link underline */ * If you need to add custom style on all */ List-style:none /* Remove default style list */ Min-width: 200px /* Add only a minimal width like that, the TOC can be extensible */īorder: 1px solid #aaaaaa /* Add a border arround the TOC */ Padding: 10px /* Add a padding between the border and the TOC content */īackground-color: #f9f9f9 /* Add a background color of the TOC */ I deliberately added a lot of comments for your comprehension. Then, insert the following code into the area: Note Insert Embed Code into SharePoint Wiki page To do this, click on the Insert tab of the SharePoint ribbon and click on " Embed Code":
WIKI TAB OF CONTENTS HOW TO
How to implement a TOC into your SharePoint Wiki Page?Īfter creating a SharePoint Wiki page and inserting the content into it, you have to insert an embedded code. It can be really useful, isn't it?Įven though SharePoint does not provide this kind of feature, it is easy to implement this kind of solution. Therefore, a TOC at the top of the page allows the reader to go directly to the by clicking on it. Sometimes, some guidance pages have a lot of points and chapters that make the reading difficult, especially when a developer is looking for a particular chapter.
One of my customers has a dev team that quickly adhered to the idea that consists of capitalizing all of the guidances of development into SharePoint Wiki pages. If you want to implement a Table Of Content into the modern pages, I created an other solution A SPFx Table Of Contents Extension for SharePoint Why implementing a TOC into your SharePoint Wiki page? This tutorial only works for the Wiki pages based on the classic experience of SharePoint. Let's focus on the knowledge part 🧠 and I will explain to you why and how to implement a TOC and how to add your TOC into your Wiki pages. Since I explain to my customers that is a good idea to capitalize all data and knowledge, SharePoint can help your teams to do this.
WIKI TAB OF CONTENTS UPDATE
Update : add script to manage title from H1 to H6 Update : second script updated in accordance with feedback about browsers compatibility
0 kommentar(er)
