Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Jehu opened this issue Apr 20, 2024 · 5 comments
Open
Assignees

Comments

@Jehu
Copy link

Jehu commented Apr 20, 2024

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.

@tipiirai
Copy link
Contributor

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 tipiirai self-assigned this Apr 22, 2024
@Jehu
Copy link
Author

Jehu commented Apr 22, 2024

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.

@tipiirai
Copy link
Contributor

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.

@Jehu
Copy link
Author

Jehu commented Apr 26, 2024

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.

@tipiirai
Copy link
Contributor

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants