nue icon indicating copy to clipboard operation
nue copied to clipboard

When iterating collections: can we render the markdown content of an item?

Open Jehu opened this issue 1 year ago • 5 comments

I would like to have a collection of FAQs.

  • When using front matter: how can i render a property content as markdown?
  • Is it possible to use the markdown content of a post item instead of front- matter only?

Thanks in advance.

Jehu avatar Apr 20 '24 13:04 Jehu

Currently no, but I've encountered this need myself also. Thinking of exposing the inline markdown function for the template code. Thanks. Good call.

tipiirai avatar Apr 22 '24 05:04 tipiirai

My second approach is not working eighter:

[accordion-wrapper]
[accordion-item frage="I am a question"]
    Anwer with **Markdown** in it
[/accordion-item]

[accordion-item frage="Another question"]
    Another answer

    This time multiple lines

    ## Hello!

    Some formatting needed.
[/accordion-item]
[/accordion-wrapper]

Here the components:

<div @name="accordion-wrapper" class="accordion-wrapper" data-one-at-a-time="yes">
    <slot for="accordion-item"/>
</div>

<div @name="accordion-item" class="accordion__item">
    <h3 class="accordion__header"><button id="acc-header-1" aria-expanded="false" aria-controls="acc-panel-1" class="accordion__header" data-accordion-header=""> 
            { frage }
        </button> </h3>
    <section id="acc-panel-1" class="accordion__panel" aria-labelledby="acc-header-1" hidden=""> 
        <div>
            <div>
                { content }
            </div>
        </div>
    </section>         
</div>

Is there a chance to get this Markdown processed? Thank you.

Jehu avatar Apr 22 '24 10:04 Jehu

Nuemark does not support closing tags (like [/accordion-item]). The inner content/YAML properties must always be nested. Those kind of structures only work with Nue JS server-side templating, not Nuemark.

However, I'm going to implement a summary/details- based widget for collapsible content sections.

tipiirai avatar Apr 26 '24 05:04 tipiirai

Hm, maybe it yould be an option to have .mdx support. Then it yould be possible to use custom elements as needed. For now this is very limiting - or i do not understand the concepts.

Jehu avatar Apr 26 '24 09:04 Jehu

I hear you! Not clear now. There's some work left to do for both Nuemark, HTML templating, and the documentation. I'll get there!

tipiirai avatar Apr 26 '24 12:04 tipiirai