emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Tim Cross <theophilusx@gmail.com>
To: emacs-orgmode@gnu.org
Subject: Re: Exporting Org file to Html with collapsable headings
Date: Sat, 22 Jan 2022 07:18:31 +1100	[thread overview]
Message-ID: <87y238u7xv.fsf@gmail.com> (raw)
In-Reply-To: <A0B9AEE8-7106-43DA-87E4-11B39168FB51@mac.com>

ZIPING CHEN <ziping@mac.com> writes:

> Hi,
> I am working on a large org file with exceptional number of subheadings. For example, I may have org headings inside headings up
> to 20 or 30 layers deep.
> I may have many things like this in the middle of the file.
> ************************** a new heading.
> When I export the file to html, I like to export in such a way that the org headings become collapsable headline in html (toggle
> switch). I spend some time search the web, and find a theme called bigblow which does something close to what I want, but not
> exactly. It provide limited layer of toggle switch only. I wish to turn all layers of headings in org file into collapsable headline to
> html. 
> Does anybody know a way I can accomplish this?
> Thanks a lot.
> Ziping

The effect you are after can be achieved using either JS and CSS or with
just CSS. Most of the CSS frameworks out there will support this
functionality. For example

bootstrap - CSS and JS
bulma - CSS only
Tailwind - CSS only

I'm pretty sure all of the above support the ability to create a
minimised version which only includes the features you want. This can
help minimise unwanted interaction between different CSS style
definitions and reduce overall size.

Personally, I prefer bulma or tailwind over bootstrap as it avoids also
having to deal with javascript and having to bundle js code with your
final output. 

      parent reply	other threads:[~2022-01-21 21:27 UTC|newest]

Thread overview: 5+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2022-01-20 14:33 Exporting Org file to Html with collapsable headings ZIPING CHEN
2022-01-21 12:23 ` Juan Manuel Macías
2022-01-21 16:46   ` Max Nikulin
2022-01-22 18:20     ` xincheng99
2022-01-21 20:18 ` Tim Cross [this message]

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:

  List information: https://www.orgmode.org/

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=87y238u7xv.fsf@gmail.com \
    --to=theophilusx@gmail.com \
    --cc=emacs-orgmode@gnu.org \


* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
Code repositories for project(s) associated with this public inbox


This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).