TOC h2: h3

[foosion]

If I have an ebook where chapter titles are

<h2>Chapter 1</h2>
<h3>Title of C1</h3>

how do I create a TOC of the form

Chapter 1: Title of C1

?

Generate TOC from headings doesn't quite do this.

I feel I'm missing something obvious.

EDIT: Is there a way to have the TOC be a bit different from the text in the heading, for example "1: Title" while in the text it's "Chapter 1: Title". Or to add a word throughout the TOC.

[jjk]

Why not write simply this :

<h2>Chapter 1<br/><span class="small">Title of C1</small></h2>
...
<h2>Chapter 2<br/><span class="small">Title of C2</small></h2>
...

with in styles.css :

span.small{
  font-size: 90%;
/* or the whole character format you want to give to h3 */
}

[foosion]

That's basically what I ended up doing. I was hoping there was a way to combine different headings.

I edited the OP to ask another question.

[theducks]

<h2 class-"whatever" title="the real words for the TOC">

A little REGEXfoo and you can build the title= bit

[Karellen]

I normally use...

PHP Code:

<h2>My Heading</h2>
<p class="chapterh2">My Sub heading</p> 


That way I can style the sub heading separately to the main heading

For your second question, use the title="" property

PHP Code:

<h2 title="1 - Title">Chapter 1 - Big Title</h2> 


[foosion]

Originally Posted by theducks

<h2 class-"whatever" title="the real words for the TOC">

A little REGEXfoo and you can build the title= bit

What does "title=" do? When I look all I can find is <title>.

My regex was:
Search:

<p class="cn" id=".*?">(.*?)</p>\
<p class="ct">(.*?)</p>

Replace:

<h2>\1: \2</h2>

If there were a useful index I might have kept the ids, but word search seems as good.

[foosion]

Originally Posted by Karellen

I normally use...

PHP Code:

<h2>My Heading</h2>
<p class="chapterh2">My Sub heading</p> 


That way I can style the sub heading separately to the main heading

For your second question, use the title="" property

PHP Code:

<h2 title="1 - Title">Chapter 1 - Big Title</h2> 


Doesn't that just put "My Heading" into the TOC?

Please explain or link the title="" property. As I mention above, when I search I just find <title>.

[Karellen]

Originally Posted by foosion

Doesn't that just put "My Heading" into the TOC?

Yes. Sorry. I missed the crux of your comment. Then I would use the title="" attribute for the full TOC entry.

PHP Code:

<h2 title="My Heading - My Sub heading">My Heading</h2>
<p class="chapterh2">My Sub heading</p> 


Originally Posted by foosion

Please explain or link the title="" property. As I mention above, when I search I just find <title>.

https://www.w3schools.com/tags/att_global_title.asp

[Karellen]

And your S&R regex will be...

Search:

PHP Code:

<h2>(.*?)</h2>
<p class="chapterh2">(.*?)</p> 


Replace:

PHP Code:

<h2 title="\1 - \2">\1</h2>
<p class="chapterh2">\2</p> 


[foosion]

Originally Posted by Karellen

https://www.w3schools.com/tags/att_global_title.asp

Then generate TOC from major headings and click the use title attribute.

[DNSB]

If you do a search for say, 'title attribute', you will get quite a few hits. One that you may find useful, IMNSHO, is HTML Global title Attribute.

The title attribute is not the same as the title tag.

Sigil and calibre's ebook-editor will use the content of the title="<insert text here>" attribute of the h tag when generating the ToC.

In the examples given, you could use regex to extract the text from the h2 and p tags and concatenate them into a title="whatever" as an attribute of the h2 tag.

[theducks]

You can also use title= when you want a slight different version to appear in a TOC.

PS It is also NEEDED when your chapter title heads are Graphical

[DNSB]

An example of that is one ebook where the author used graphics for the chapter headers. Looked great until you recreated the ToC and either manually edited in the chapter numbers or added them using title=. I ended up selecting all the chapter images and renaming the them into a usable format and then a simple regex did the deal.

<h3 class="chapnum" title="Chapter 18"><img class="glyphw25" src="../Images/chapter_18.jpeg" alt="Chapter 18"/></h3>

[hobnail]

Originally Posted by theducks

<h2 class-"whatever" title="the real words for the TOC">

A little REGEXfoo and you can build the title= bit

I think this is similar to what I had used. But it's been years and I've forgotten. There's a chapter numbering plugin for Sigil that I used to generate the "Chapter One" etc. with h1 tags, and then below that I think I had an h2 tag with the descriptive name. Then I used a regex to convert that to something like

<h2>Chapter One <span>Descriptive Title</span></h2>

In my CSS file I had

h2 span, h3 span {
    display: block;
    font-size: larger;
    font-style: italic;
    font-variant: normal;
    font-weight: bold;
    margin-top: 1.25em
     }

The "trick" is that display:block; the above CSS applies to the span inside the h2, not the h2. The display:block puts on a separate line what's inside the span.

If you look for the book Batwing Bowles by Dane Coolidge here in the mobileread library you can see the final result. Both the TOC and the chapter first pages.