Comments (7)
In my opinion, the role of MJML is to render a responsive HTML email layout. That said, for your use-case, I would recommend to wrap all the handlebars templating tags with an mj-raw
tag so the engine keep them when rendering the MJML.
Once you have the HTML code, you can pass it to handlebar, with the right execution context so it outputs an HTML ready to be sent.
Does it make sense to you? Hope I haven't missed something here!
Let us know how that works for you!
from mjml.
That's a point, but allowing multiple template languages would be heavy right? Maybe we could implement a preprocessor in another repo like mjml-hbs
from mjml.
Would it be necessary to wrap those handlebar tags in mj-raw
to even keep them in the final output? I would expect those to be treated as verbatim text, but perhaps this is not possible as you say? What about non mj
tags like <h1>
, do we need to wrap them as well? Ideally, allowing some basic tags would make sense.
from mjml.
@fabien, yes, for now it is a known limitation of our engine. Because of the way we parse the DOM, we need a tag to wrap even basic text/HTML element/tags. This is actually the main reason why we needed to introduce such tag. That said, this is obviously something we're aiming to improve in a near future.
Keep you posted on our progress here!
from mjml.
Hey @romainyakarouler, did my comment help you moving forward on your issue? Thanks!
from mjml.
@arnaudbreton would be nice to have an example for the mj-raw to wow the users right away. currently the documentation seems very minimal
from mjml.
Also worth noting that <mj-raw>
tags (apparently) need to be inside either <mj-head>
or <mj-body>
.
from mjml.
Related Issues (20)
- Extra quotes in CSS url() from <mj-section /> background-url HOT 9
- <!--[if !mso]><!--> mso conditional statement not being exported correctly HOT 2
- mj-columns in gmail looking as mobile view not flexed HOT 1
- mj-include tag throwing errors on style import and imports in the head tag HOT 5
- Can't get keepComments flag to work HOT 4
- Image width in outlook is overflowing HOT 2
- Issues with rendering in outlook HOT 1
- DeprecationWarning: The `punycode` module is deprecated on node 21 HOT 1
- "try it live"-Function now not working any more HOT 1
- New Twitter X logo not being rendered with <mj-social-element name="x" href="#"> HOT 1
- Just the basics HOT 3
- Navbar without hamburger unnecessary css HOT 1
- `mj-font` only emits the last style sheet for the font family HOT 1
- Font sizes increase in Gmail on iPhone XS HOT 6
- Append invisible characters to <mj-preview> HOT 1
- CORS request did not succeed, missing CORS header (mjml/api) HOT 2
- `mjml2html` render in web worker throws `Uncaught ReferenceError: window is not defined`
- Support DATA variable in href or button HOT 1
- Icon with text/Column within Column HOT 1
- Dependency: html-minifier REDoS vulnerability 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 mjml.