Identify lists (<ul> and <ol> tags)

Identify lists (<ul> and <ol> tags)

[Bücherregal Domi]

[-- Attachment #1.1: Type: text/plain, Size: 741 bytes --]


Hello, is there a way to use HTML identifiers with lists? Something like

``` markdown
{#id_string}
- item
- item
```

This would allow to identify different lists in the Markdown file, and it 
would also allow different CSS styles to be applied to each list. This type 
of identification already exists for headers, spans, etc.

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 1134 bytes --]

Re: Identify lists (<ul> and <ol> tags)

[BPJ]

[-- Attachment #1: Type: text/plain, Size: 2149 bytes --]

You can always wrap the list in a div with attributes and then use a child
selector in your CSS:

``````markdown

::: {#my-list}

-   This
-   That

:::
``````

``````css
div#my-list ul {
  /* Put your style here */
}
``````

Not the most concise or pretty HTML or CSS imaginable but it works!

On occasion I have used Mojo::DOM[^1] to post-process such HTML to actually
attach the attributes to the contained element and remove the div or span,
but its mostly overkill unless you have to adapt to some existing common
CSS, since hardly anyone will look at your HTML source or CSS anyway.

[^1]: https://metacpan.org/pod/Mojo::DOM


Den mån 12 apr. 2021 09:47Bücherregal Domi <gamezaerza-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> skrev:

>
> Hello, is there a way to use HTML identifiers with lists? Something like
>
> ``` markdown
> {#id_string}
> - item
> - item
> ```
>
> This would allow to identify different lists in the Markdown file, and it
> would also allow different CSS styles to be applied to each list. This type
> of identification already exists for headers, spans, etc.
>
> --
> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com
> <https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com.

[-- Attachment #2: Type: text/html, Size: 3625 bytes --]

Re: Identify lists (<ul> and <ol> tags)

[Albert Krewinkel]

NB: using CommonMark with the "attributes" extension does exactly this
while allowing the syntax used by the OP.


BPJ <bpj-J3H7GcXPSITLoDKTGw+V6w@public.gmane.org> writes:

> You can always wrap the list in a div with attributes and then use a child
> selector in your CSS:
>
> ``````markdown
>
> ::: {#my-list}
>
> -   This
> -   That
>
> :::
> ``````
>
> ``````css
> div#my-list ul {
>   /* Put your style here */
> }
> ``````
>
> Not the most concise or pretty HTML or CSS imaginable but it works!
>
> On occasion I have used Mojo::DOM[^1] to post-process such HTML to actually
> attach the attributes to the contained element and remove the div or span,
> but its mostly overkill unless you have to adapt to some existing common
> CSS, since hardly anyone will look at your HTML source or CSS anyway.
>
> [^1]: https://metacpan.org/pod/Mojo::DOM
>
>
> Den mån 12 apr. 2021 09:47Bücherregal Domi <gamezaerza-Re5JQEeQqe8@public.gmane.orgm> skrev:
>
>>
>> Hello, is there a way to use HTML identifiers with lists? Something like
>>
>> ``` markdown
>> {#id_string}
>> - item
>> - item
>> ```
>>
>> This would allow to identify different lists in the Markdown file, and it
>> would also allow different CSS styles to be applied to each list. This type
>> of identification already exists for headers, spans, etc.
>>
>> --
>> 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 view this discussion on the web visit
>> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com
>> <https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&utm_source=footer>
>> .
>>


-- 
Albert Krewinkel
GPG: 8eed e3e2 e8c5 6f18 81fe  e836 388d c0b2 1f63 1124

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/878s5nddiu.fsf%40zeitkraut.de.

Re: Identify lists (<ul> and <ol> tags)

[Bücherregal Domi]

[-- Attachment #1.1: Type: text/plain, Size: 2788 bytes --]

Thanks for the answers.

@BPJ, using divs is a good idea, I don't know why I didn't think of that!

Albert Krewinkel schrieb am Montag, 12. April 2021 um 05:05:22 UTC-5:

> NB: using CommonMark with the "attributes" extension does exactly this
> while allowing the syntax used by the OP.
>
>
> BPJ <b...-J3H7GcXPSITLoDKTGw+V6w@public.gmane.org> writes:
>
> > You can always wrap the list in a div with attributes and then use a 
> child
> > selector in your CSS:
> >
> > ``````markdown
> >
> > ::: {#my-list}
> >
> > - This
> > - That
> >
> > :::
> > ``````
> >
> > ``````css
> > div#my-list ul {
> > /* Put your style here */
> > }
> > ``````
> >
> > Not the most concise or pretty HTML or CSS imaginable but it works!
> >
> > On occasion I have used Mojo::DOM[^1] to post-process such HTML to 
> actually
> > attach the attributes to the contained element and remove the div or 
> span,
> > but its mostly overkill unless you have to adapt to some existing common
> > CSS, since hardly anyone will look at your HTML source or CSS anyway.
> >
> > [^1]: https://metacpan.org/pod/Mojo::DOM
> >
> >
> > Den mån 12 apr. 2021 09:47Bücherregal Domi <gamez...-Re5JQEeQqe8@public.gmane.orgm> skrev:
> >
> >>
> >> Hello, is there a way to use HTML identifiers with lists? Something like
> >>
> >> ``` markdown
> >> {#id_string}
> >> - item
> >> - item
> >> ```
> >>
> >> This would allow to identify different lists in the Markdown file, and 
> it
> >> would also allow different CSS styles to be applied to each list. This 
> type
> >> of identification already exists for headers, spans, etc.
> >>
> >> --
> >> 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-discus...-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> >> To view this discussion on the web visit
> >> 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com
> >> <
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&utm_source=footer
> >
> >> .
> >>
>
>
> -- 
> Albert Krewinkel
> GPG: 8eed e3e2 e8c5 6f18 81fe e836 388d c0b2 1f63 1124
>

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/886a6b4a-a47d-40b0-9f6f-75f248908367n%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 4966 bytes --]

Re: Identify lists (<ul> and <ol> tags)

[S. Manning]

Could you explain?  Do you mean add a div as inline HTML around the list 
written in Markdown syntax, or do some versions of Markdown have a 
Markdown annotation that is equivalent to a HTML div?

It seems to me that often encoding something as HTML is just as quick 
and pretty as encoding it slightly differently as Markdown.  I am not 
familiar with versions of Markdown with this 'identifier' syntax.

Sean

On 2021-04-12 01:01, BPJ wrote:
> You can always wrap the list in a div with attributes and then use a
> child selector in your CSS:
> 
> ``````markdown
> 
> ::: {#my-list}
> 
> -   This
> -   That
> 
> :::
> ``````
> 
> ``````css
> div#my-list ul {
>   /* Put your style here */
> }
> ``````
> 
> Not the most concise or pretty HTML or CSS imaginable but it works!
> 
> On occasion I have used Mojo::DOM[^1] to post-process such HTML to
> actually attach the attributes to the contained element and remove the
> div or span, but its mostly overkill unless you have to adapt to some
> existing common CSS, since hardly anyone will look at your HTML source
> or CSS anyway.
> 
> [^1]: https://metacpan.org/pod/Mojo::DOM
> 
> Den mån 12 apr. 2021 09:47Bücherregal Domi <gamezaerza-Re5JQEeQqe8@public.gmane.orgm>
> skrev:
> 
>> Hello, is there a way to use HTML identifiers with lists? Something
>> like
>> 
>> ``` markdown
>> {#id_string}
>> - item
>> - item
>> 
>> ```
>> 
>> This would allow to identify different lists in the Markdown file,
>> and it would also allow different CSS styles to be applied to each
>> list. This type of identification already exists for headers, spans,
>> etc.
>> 
>> --
>> 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 view this discussion on the web visit
>> 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com
>> [1].
> 
>  --
> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com
> [2].
> 
> 
> Links:
> ------
> [1] 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&amp;utm_source=footer
> [2] 
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com?utm_medium=email&utm_source=footer

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/8752d80b96c1f013cd65fc0798b8d5d9%40ageofdatini.info.

Re: Identify lists (<ul> and <ol> tags)

[Matt Jolly]

[-- Attachment #1.1: Type: text/plain, Size: 3975 bytes --]

Hi Sean, 

This div syntax is identified in the Pandoc manual (see Extension: 
fenced_divs). It is a Pandoc specific extension AFAIK.

> It seems to me that often encoding something as HTML is just as quick 
> and pretty as encoding it slightly differently as Markdown. 

I would strongly disagree for anything but the most trivial examples.

On Tuesday, April 13, 2021 at 4:40:13 PM UTC+10 S. Manning wrote:

> Could you explain? Do you mean add a div as inline HTML around the list 
> written in Markdown syntax, or do some versions of Markdown have a 
> Markdown annotation that is equivalent to a HTML div? 
>
> It seems to me that often encoding something as HTML is just as quick 
> and pretty as encoding it slightly differently as Markdown. I am not 
> familiar with versions of Markdown with this 'identifier' syntax. 
>
> Sean 
>
> On 2021-04-12 01:01, BPJ wrote: 
> > You can always wrap the list in a div with attributes and then use a 
> > child selector in your CSS: 
> > 
> > ``````markdown 
> > 
> > ::: {#my-list} 
> > 
> > - This 
> > - That 
> > 
> > ::: 
> > `````` 
> > 
> > ``````css 
> > div#my-list ul { 
> > /* Put your style here */ 
> > } 
> > `````` 
> > 
> > Not the most concise or pretty HTML or CSS imaginable but it works! 
> > 
> > On occasion I have used Mojo::DOM[^1] to post-process such HTML to 
> > actually attach the attributes to the contained element and remove the 
> > div or span, but its mostly overkill unless you have to adapt to some 
> > existing common CSS, since hardly anyone will look at your HTML source 
> > or CSS anyway. 
> > 
> > [^1]: https://metacpan.org/pod/Mojo::DOM 
> > 
> > Den mån 12 apr. 2021 09:47Bücherregal Domi <gamez...-Re5JQEeQqe8@public.gmane.orgm> 
> > skrev: 
> > 
> >> Hello, is there a way to use HTML identifiers with lists? Something 
> >> like 
> >> 
> >> ``` markdown 
> >> {#id_string} 
> >> - item 
> >> - item 
> >> 
> >> ``` 
> >> 
> >> This would allow to identify different lists in the Markdown file, 
> >> and it would also allow different CSS styles to be applied to each 
> >> list. This type of identification already exists for headers, spans, 
> >> etc. 
> >> 
> >> -- 
> >> 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-discus...-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org 
> >> To view this discussion on the web visit 
> >> 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com 
> >> [1]. 
> > 
> > -- 
> > 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-discus...-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org 
> > To view this discussion on the web visit 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com 
> > [2]. 
> > 
> > 
> > Links: 
> > ------ 
> > [1] 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&amp;utm_source=footer 
> > [2] 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com?utm_medium=email&utm_source=footer 
>

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/6443147f-9b7d-42d8-b628-a82322219f62n%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 7204 bytes --]

Re: Identify lists (<ul> and <ol> tags)

[Bücherregal Domi]

[-- Attachment #1.1: Type: text/plain, Size: 3792 bytes --]

Hi Sean, if you use Pandoc to convert your Markdown files, there is a 
notation for divs, doing:

::: class_string
content
:::

This is exactly the same as doing:

<div class="class_string">
<p>content</p>
</div>

S. Manning schrieb am Dienstag, 13. April 2021 um 01:40:13 UTC-5:

> Could you explain? Do you mean add a div as inline HTML around the list 
> written in Markdown syntax, or do some versions of Markdown have a 
> Markdown annotation that is equivalent to a HTML div?
>
> It seems to me that often encoding something as HTML is just as quick 
> and pretty as encoding it slightly differently as Markdown. I am not 
> familiar with versions of Markdown with this 'identifier' syntax.
>
> Sean
>
> On 2021-04-12 01:01, BPJ wrote:
> > You can always wrap the list in a div with attributes and then use a
> > child selector in your CSS:
> > 
> > ``````markdown
> > 
> > ::: {#my-list}
> > 
> > - This
> > - That
> > 
> > :::
> > ``````
> > 
> > ``````css
> > div#my-list ul {
> > /* Put your style here */
> > }
> > ``````
> > 
> > Not the most concise or pretty HTML or CSS imaginable but it works!
> > 
> > On occasion I have used Mojo::DOM[^1] to post-process such HTML to
> > actually attach the attributes to the contained element and remove the
> > div or span, but its mostly overkill unless you have to adapt to some
> > existing common CSS, since hardly anyone will look at your HTML source
> > or CSS anyway.
> > 
> > [^1]: https://metacpan.org/pod/Mojo::DOM
> > 
> > Den mån 12 apr. 2021 09:47Bücherregal Domi <gamez...-Re5JQEeQqe8@public.gmane.orgm>
> > skrev:
> > 
> >> Hello, is there a way to use HTML identifiers with lists? Something
> >> like
> >> 
> >> ``` markdown
> >> {#id_string}
> >> - item
> >> - item
> >> 
> >> ```
> >> 
> >> This would allow to identify different lists in the Markdown file,
> >> and it would also allow different CSS styles to be applied to each
> >> list. This type of identification already exists for headers, spans,
> >> etc.
> >> 
> >> --
> >> 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-discus...-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> >> To view this discussion on the web visit
> >> 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com
> >> [1].
> > 
> > --
> > 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-discus...-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> > To view this discussion on the web visit
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com
> > [2].
> > 
> > 
> > Links:
> > ------
> > [1] 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/0a5fdf61-8f1e-4f11-b392-7838729d63cen%40googlegroups.com?utm_medium=email&amp;utm_source=footer
> > [2] 
> > 
> https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhAj%2Bw8fVs34n-NT_1-KGKpG1wessNp8V3%2BOtaTfC9g6Cg%40mail.gmail.com?utm_medium=email&utm_source=footer
>

-- 
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 view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/c50ee03e-a89a-411e-ba45-e7a9ddacbc42n%40googlegroups.com.

[-- Attachment #1.2: Type: text/html, Size: 7151 bytes --]