Block Directives

Kramdown has a neat syntax to add attributes to blocks

> A blockquote with a title
{:title="The blockquote title"}
{: #myid}

Or in general

this is a paragraph
with some lines
{: .spoiler}

Or

{: .spoiler}
this is a paragraph
with some lines

Yes, I still like this syntax for block directives as well:

!!!name
content
!!!

or for that matter:

@@@name
content
@@@

with optional [label](arg){#myId .myClass key=val key2="val 2"} like:

@@@asciiDiagram[_lovely_ cat]{ width=100 }
  |\_/|
 / @ @ \
( > Āŗ < )
 `>>x<<Ā“
 /  O  \
@@@

Maybe separating spaces should be allowed for block directives: [] () {}

The body/content for block directives could be optional as well, so this:

@@@youtube[Funny video](dQw4w9WgXcQ)

renders as:

<figure>
    <iframe width="420" height="315" src="//www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
    <figcaption>Funny video</figcaption>
</figure>

while this:

see @wikipedia[Foobar]

renders as:

<p>
  see <a href="https://en.wikipedia.org/wiki/Foobar">Foobar</a>
</p>

And as @lu_zero mentioned, for simple cases attributes added to existing elements already suffice (see the proposed attribute syntax).

1 Like

Btw shouldnā€™t we keep to consistent attributes like this? I remember that for blocks in general, the {} goes at the last line. Thus for your ascii cat example:

!!!asciiDiagram: _lovely_ cat
  |\_/|
 / @ @ \
( > Āŗ < )
 `>>x<<Ā“
 /  O  \
!!!
{ width=100 }

Also about your choice of @. Isnā€™t it already used by most commenter as a signifier for usernames? e.g. twitter uses it as username, discourse uses it for username as well.

Fenced code blocks in Pandoc, MarkdownExtra and Kramdown (and therefore the consistent attributes proposal) have the attributes on the first line. Itā€™s kind of nice to see all the arguments/attributes before you start to read the code/directive contentā€¦

``` {.language-ruby}
x = 1
```

True, but shouldnā€™t be a problem with @@@name or when the [] in @name[] is mandatory.

Itā€™s kind of nice to see all the arguments/attributes before you start to read the code/directive contentā€¦

Alright


@@@name is ugly, and people would hate to have to type that for usernames.

@name[] is ugly. What if people want to call directive without arguments. E.g. @TableOfContents or !cut etcā€¦

Using ! is much safer, and is internally consistent, since is already used to embed images. So naturally !name[]() would imply special embedded content/declaration.

yeah, on the other hand @name kind of looks more special, extension-like than !nameā€¦ I would like to hear how other people feel about thisā€¦

1 Like

Btw Iā€™ve been thinking about the issue of the !cut example. As in how do you distingush between a single line inline directive vs block directive. Here is an example of the issue.

!cut "this is settings for a block directive, but how do you know that `!cut` is not inline?"

!cut this is a normal paragraph with `!cut` as an inline directive in the first line.

I think the solution is to use : as the block directive switch. This is since anything after : in a block directive is purely arguments for the directive only. Thus

!cut: "much clearer that this is for the `!cut` directive"

!cut this is a normal paragraph with `!cut` as an inline directive in the first line.

Unfortunately, this does mean that the block directive for !cut without argument is

!cut:

But I think that is a suitable compromise.

The following doesnā€™t work for you?

Inline:

!name

Leaf Block see leaf vs. container blocks:

!!!name

Container Block:

!!!name
content
!!!

each with optional [](){} behind the name.

The issue with your leaf block proposal is if people for some reason type !!!!!! for some reason e.g.

!!!LeafBlock settings=value

some paragraph words etc....

!!!!!!!!!!!! WARNING !!!!!!!!!!!!!
   Well.. its a warning message.
      What did you expect?
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

now compare to this parser safer method:

!LeafBlock: settings=value

some paragraph words etc....

!!!!!!!!!!!! WARNING !!!!!!!!!!!!!
   Well.. its a warning message.
      What did you expect?
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Now it will leave the bit inbetween !LeafBlock and the last !!!! alone, and thus wont get confused.


No particular preference about the optional [](){}. As usual, if itā€™s optional then thatā€™s good. Iā€™m just covering @vitaly 's preference to keep the block param flexible.

Spaces between the @/! and the name should not be allowed: !!! warning is not valid while !!!warning is. Or should it be @@@warning to decrease the probability of clashes even further? :wink:

That warning block in example is not a directive btw. Itā€™s just a style I see people randomly type in instruction manual, on things that people shouldnā€™t do if they want to not die. Basically its used in the wild as an enclosed box that is empathised for visibility.
(Wonder if we should make an ā€˜emphasisā€™ block where !!! <Important Block> !!! as the start header, and !!! for the end header. Edit: Content Block/Inline Syntax )

Of course. And if we disallow a space between the !!! and the name-part it stays that way, even in my proposal. (that was my point)

I see. What about people doing the insane thing and using !!!!!! as a divider:

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 Can you handle this now? Hahaha
    What did you expect? :D
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

or even:

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

          ! WARNING !
 Can you handle this now? Hahaha
    What did you expect? :D

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

I donā€™t like idea to add [](){} into spec for blocks. Looks like attempt to invent something universal with inlines without real needs. If you go this way, you can get html-like result in the end - working, but overcomplicated and not relevant to initial goal.

May be, {} only, but also under question.

That can work, but require parser to know exactly if named block is leaf or container. Because blocks can be nested. If you change parser to another one, that donā€™t know some named block directives, nesting sequence will become broken.

1 Like

Iā€™m not sure I understand. The point of my proposal is exactly to avoid this. Therefore a leaf block is !!!name on one line, while a container block has an opening !!!name and a closing !!!. You agree that there should be a different syntax for leaf and container block directives, right?

The [inline content] (argument) {key-value pairs} serves simply as a common way to supply the directive with these three things, which I think is equally useful for inline and block directives. Iā€™m thinking of what kind of AST a custom filter or module would like to receive after a markdown parser has parsed the document. An AST that contains something like:

LeafBlockDirective:
  - name: String
  - parsedInlineContent: InlineBlocks
  - unparsedInlineContent: String
  - arg: String
  - attributes: Map(String, String)

Examples use cases for [](){} in Leaf Block Directives:

  • @@@youtube[title of *funny* video](09jf3ow9jfw)

  • @@@video[title](filename.mp4){width=400}

  • @@@snip[label](path/to/code.scala)

  • @@@include(other-file.md)

  • @@@toc[*My* Contents]


Itā€™s crossed my mind that :: might also be a suitable replacement for the @ or !.

Inline:

::name[optional inline content](optional arg){optional key-value pairs}

Leaf Block:

:::name [optional inline content] (optional arg) {optional key-value pairs}

Container Block:

:::name [optional inline content] (optional arg) {optional key-value pairs}
further block content
:::
1 Like

Sorry, iā€™ve mistyped. I wished to say that, that there should be way to differ one line and multilline block directives.

1 Like

@mofosyne Iā€™ve looked at your updated first post in this topic. If I understand correctly, our two proposals are fairly close and there are mainly two things separating them:

  1. Mine fails if we would allow the [](){} stuff to spread over multiple lines (as I proposed in the attributes threadā€¦)
  2. Yours doesnā€™t have a way to specify InlineContent, i.e. the [] in my proposal.

Mine fails if we would allow the {} stuff to spread over multiple lines (as I proposed in the attributes threadā€¦)

Well, now that Iā€™ve been practising typing the {} syntax (via examples above). Iā€™m incline to agree with vitaly that param should be more flexible. Since the {} is not very friendly for touch typing, and is only used in inline typing as a necessity.

Plus mine is still in keeping with the consistent attribute syntax. Since I recognize that a block can be styled via {} at the end, or at the fence start. I intentionally allowed two formats, because for short settings, the compact block directive is more intuitive. While for larger directive with more complex params, it should really be in itā€™s own line for legibility.

I encourage you to type typing my two forms and your form. Youā€™ll see the difference I noticed.


Yours doesnā€™t have a way to specify InlineContent, i.e. the in my proposal.

Well thatā€™s because I donā€™t think it comes under the jurisdiction of generic block directives. I have no issue with your inlinecontent proposal, butā€™s not a generic directive. Itā€™s more related to the family of [](){}, though I do not have a name for it.

Iā€™m okay with it.

blababba [ inline content ]{.style} blabalba

I think it comes under Content Block/Inline Syntax

(tl;dr: I support it, but think it needs to be in a different category. Not a directive.)
(Oh and btw, this is a block directive thread. So limited scope of discussion here)

Actually, Iā€™m out of ideas too. It may be that this feature is more advanced than is actually needed for practical purposes.

In programming, good libraries and frameworks often come out of real world projects, rather than being designed in isolation. A pattern might be repeated a few times in different projects before being moved into a library. I think we should use the same approach when deciding whether to just use HTML or to invent new Markdown syntax.

Well if anything I donā€™t commonmark to be a programming language. I rather it be more like CSS, which is more declarative.

There is one thing I am annoyed in CSS however. Itā€™s a lack of constants support (e.g. #define in C).

And yea I agree, thatā€™s why I would like to see it in action in something like @vitaly 's remarkable parser, his is a good candidate as it is designed to be pluggable from the ground up. Seeing it in action might help us iron out some real world issues in terms of the syntax. But of course, only one style could really be tested at a time, so he would need to choose one of our proposals (or make one up himself).