Suggest add the 'table of a post content' feature

Started by on Feb 24, 2017 – Contents updated: Aug 23, 2017

#1 haharen Feb 24, 2017 14:37

I published an article some days ago, the link is : http://forums.b2evolution.net/suggest-add-catalogue-interior-of-a-post-feature , witch feature is adding a table of the content by html tag h1 to h6 automatically.
These days I found an easy way to do it, just link a js file and add a line code would be OK.(We can achieve by a plugin or widget)
More info , please see the second floor.

#2 haharen Feb 24, 2017 14:47

NOTE: The following is for reference only.

1. Tocible
Homepage: http://markserbol.com/tocible/
Github: https://github.com/markserbol/tocible
Basic Usage: $('#contents').tocible();

2. Table of Contents jQuery Plugin by Nikhil Dabas
Homepage: http://ndabas.github.io/toc/
Github: https://github.com/ndabas/toc
Basic Usage: $('#contents').toc();

3. tocBuilder
Homepae: http://www.proofbydesign.com/Resources.aspx/TocBuilder
Github: https://github.com/kentrob/tocBuilder
Basic Usage: $('#contents').tocBuilder();

4. CSDN (Largest programmer community of China)
Homepage: http://www.csdn.net/
Code: please see the attach file below

Attachments:

tableofcontentofcsdn.zip (1.0 KB)

#3 fplanque Feb 26, 2017 15:01

@haharen Do you want to make a plugin and publish it on http://plugins.b2evolution.net ?

#4 haharen Feb 26, 2017 16:33

@fplanque wrote earlier:

@haharen Do you want to make a plugin and publish it on http://plugins.b2evolution.net ?

ok
I'll try to make one.

#5 fplanque Feb 27, 2017 18:05

Great!

#6 haharen Mar 02, 2017 08:39

HELP!
When I make this plugin by using default TEST plugin, everything running OK, but the anchor of the table title which should jump into the content title, is not link to the current content page. So the question is that how can I get current content page url?

#7 mgsolipa Mar 02, 2017 19:03

@haharen the current post is available through the global variable $Item.

Let's say you are coding a widget, so its display method should be something like this:

function display( $params )
{
	global $Item;

	echo '<a href="'.$Item->get_permanent_url().'#foo">Foo</a>';
}

#8 haharen Mar 03, 2017 01:19

@mgsolipa

OK, it works.
Thanks!

#9 saunders Aug 17, 2017 17:18

Hello
#1 The plugin does not work with "Umlaute" like "ä","ü" ... or special characters like & (so alos ü does not work. Instead a blank is displayed.
That limits the use of the plugin especially for german blogs. But I's like to use it. So; is there someone who can fix this?

#2 And another ask: Because I use Sticky navigation I face the problem that the fist lines of the headings called by the plugin are hidden behind the sticky navigation bar. So it would be great to localize the fist line not immediately on top but about 5 lines below. Is this possible? And how can I manage this?

Thanks and Regards
will

Form is loading...