Collapsible headings: nbcovert notebook

[brecht-d-m]

Is it possible to convert a notebook to HTML with collapsible headings still "enabled" in the converted HTML file? I tried to add "pre_collapsible_headings.CollapsibleHeadingsPreprocessor" to the preprocessors in jupyter_nbconvert_config.json, but this seems not to do it (jupyter nbconvert notebook_name.ipynb).

If it is possible, do I need to change/add other files?

[jcb91]

True, I tested the preprocessor recently and it doesn't work as intended.
I've made a fix in my trav branch, but haven't backported it yet. Will aim
to do it soon...
On 13 May 2016 9:03 p.m., "Brecht De Meulenaere" notifications@github.com
wrote:

Is it possible to convert a notebook to HTML with collapsible headings
still "enabled" in the converted HTML file? I tried to add
"pre_collapsible_headings.CollapsibleHeadingsPreprocessor" to the
preprocessors in jupyter_nbconvert_config.json, but this seems not to do
it (jupyter nbconvert notebook_name.ipynb).

If it is possible, do I need to change/add other files?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#605

[brecht-d-m]

Your fix does indeed fix a part of my issue. What I'm truly looking for, is that the functionality that the collapsible headings extension has in the notebooks, is preserved in the exported HTML file. I mean that I could also collapse and uncollapse parts of the HTML file. Or is this not possible?

[jcb91]

Ah, I see! Sorry, I was a bit slow on the uptake there. Hmm. I'm not
completely sure, but I think it's maybe possible, given that jquery is (I
think?) included as a link in the output HTML. I'll have a think and see if
I can patch in some JavaScript through the preprocessor...

[jfbercher]

You can probably do this with a template like I suggested in #600 for collapsing outputs (jquery is included in full.tpl).
It will be nice :-)

[jcb91]

Ah yes, I knew I'd seen a reference to something similar recently somewhere
:)

[brecht-d-m]

A template did indeed solved it. If somebody is interested, I have put the code here (template) and here (javascript file). Although, one disadvantage of my approach is that other templates are incompatible, since I manipulate the DOM.

[jcb91]

@brecht-d-m interesting approach! It certainly seems rather more intuitive to place cells inside each other, though as you note, it does give rise to potential DOM-related issues for other templates/postprocessors/css etc.