Comments (5)
Currently no, but I've encountered this need myself also. Thinking of exposing the inline markdown function for the template code. Thanks. Good call.
from nue.
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.
from nue.
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.
from nue.
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.
from nue.
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!
from nue.
Related Issues (20)
- Update CLI help message to represent current options HOT 1
- Custom JSX/TSX components HOT 2
- Syntax error HOT 1
- Pending when creating projects with bun under Windows HOT 15
- The path of the route is expected to support regular expressions HOT 1
- component at layout.html compile error HOT 3
- When '{}' or',' in html , How to escape? HOT 1
- It can not start the server with nuekit 0.5.3, but works with nue 0.4.3 HOT 6
- auto generate manifest.json file
- a bug in the nuecli root HOT 5
- unmounted() Why is it not executed?
- Reactive values are not updated? why? HOT 3
- Page router doesn't mount components. Refresh needed to properly mount. HOT 2
- "draw_sections: true" results in nested sections HOT 5
- three-tiered directory structure layout HOT 1
- Add default`text` property to default `data` object available to page layouts.
- SPA demo not working when deploy on subpath of domain
- Nuemark: How to add svg inside a button HOT 2
- New website shaping up 🎉 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nue.