The text is red, underlined, and italicized. Indeed we see all those in the browser rendering. In the mj-text tag above, perhaps you'd expect the MJML syntax of font-style="italic" would italicize the text.In the mj-style containing ".red-text" (CSS code, remember), we specify we want the text to be red and underlined (CSS and HTML rules and effects).There are lots of live questions and answers at (signup: ).Ĭompared to the documentation, I used three lines (rather than one) and I added the MJML attribute font-style. The MJML team supports a VS Code plug-in. The community offers a desktop application. Otherwise, you'll want access to the MJML program and to MJML and HTML files. Mostly for others or for later readers: If you're not able to use the URL and wish to recreate the following, maybe you can copy-and-paste the above code into. There, you'll see the above script and its browser rendering. You might find this URL useful-I hope it won't go stale for at least a month. This is code from MJML documentation (almost, see below). MJML translates MJML markup to HTML, but email authors must depend on that translation process. All syntax, application rules, and effects come only from CSS and HTML.Įmail authors can apply MJML attributes and mj-class only to MJML components, not to HTML elements. That is, the code inside the mj-style tags is CSS, not either HTML or MJML. The MJML mj-style component supports specifying CSS code that MJML includes in the HTML. We can use MJML attributes both in and out of mj-classes. Similarly, in MJML we can interact with MJML components via MJML attributes and the MJML concept of mj-class. We can use attributes, both in and out of classes. In HTML, we can interact with DOM objects via CSS, sometimes using the concept of class. If we restrict ourselves to HTML and CSS constructs that email clients (Gmail, etc.) support, we can get good email results. That is, the MJML program translates the MJML markup into HTML and CSS. MJML depends entirely on HTML and CSS for browser effects.
0 kommentar(er)
