Re: How to change section dividers from div/section to li?

["Pablo Rodríguez" <oinos-S0/GAf8tV78@public.gmane.org>]

On 07/04/2015 08:55 AM, Diego Algorta wrote:
> Hi,
> 
> (in case the code examples don't render well, you can see the same
> here: https://gist.github.com/oboxodo/f514d3bfe894bc1c85bd)
> 
> I basically need to use ordered lists for sections instead of div or
> section.

Hi Diego,

may I ask why do you need ordered lists instead of divs or sections? (I
suspect that you may get the same results with sections or divs and with
the proper CSS code.)

You’ll get ordered lists with the following source:

``` markdown
Independent paragraph.

1. # My heading 1

    Para in heading 1.

1. ## My heading 2

    Para in heading 2

1. # Another heading 1

    With its own para.
```

But you won’t get list items with heading attributes:
http://pandoc.org/try/?text=Independent+paragraph.%0A+%0A1.+%23+My+heading+1%0A+%0A++++Para+in+heading+1.%0A+%0A1.+%23%23+My+heading+2%0A+%0A++++Para+in+heading+2%0A+%0A1.+%23+Another+heading+1%0A+%0A++++With+its+own+para.&from=markdown&to=html5.


Pablo


> Given this input:
> 
> ```markdown
> 
> Independent paragraph.
>  
> # My heading 1
>  
> Para in heading 1.
>  
> ## My heading 2
>  
> Para in heading 2
>  
> # Another heading 1
>  
> With its own para.
> ```
> 
> Running pandoc with `--section-divs -t html5` currently produces:
> 
> ```html
> 
> <p>Independent paragraph.</p>
> <section id="my-heading-1" class="level1">
> <h1>My heading 1</h1>
> <p>Para in heading 1.</p>
> <section id="my-heading-2" class="level2">
> <h2>My heading 2</h2>
> <p>Para in heading 2</p>
> </section>
> </section>
> <section id="another-heading-1" class="level1">
> <h1>Another heading 1</h1>
> <p>With its own para.</p>
> 
> </section>
> ```
> 
> Can you think of the best way to change that (maybe a filter?) so that I
> get this instead?:
> 
> ```html
> 
> <p>Independent paragraph.</p>
> <ol>
> <li id="my-heading-1" class="level1">
> <h1>My heading 1</h1>
> <p>Para in heading 1.</p>
> <ol>
> <li id="my-heading-2" class="level2">
> <h2>My heading 2</h2>
> <p>Para in heading 2</p>
> </li>
> </ol>
> </li>
> <li id="another-heading-1" class="level1">
> <h1>Another heading 1</h1>
> <p>With its own para.</p>
> </li>
> </ol>
> 
> ```
> 
> I'm gaining experience writing nodejs based filters, in case that helps.
> But this seems to be out of the scope of filters, am I right?
> 
> Thanks!
> Diego


-- 
http://www.ousia.tk

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/559797E8.6050100%40web.de.
For more options, visit https://groups.google.com/d/optout.