Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vergissberlin/node-red-contrib-mjml
Node for NodeRED to create professional looking emails with MJML.
https://github.com/vergissberlin/node-red-contrib-mjml
node node-red
Last synced: 10 days ago
JSON representation
Node for NodeRED to create professional looking emails with MJML.
- Host: GitHub
- URL: https://github.com/vergissberlin/node-red-contrib-mjml
- Owner: vergissberlin
- License: mit
- Created: 2021-11-17T21:42:37.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-25T10:11:10.000Z (12 days ago)
- Last Synced: 2024-10-26T06:46:24.678Z (11 days ago)
- Topics: node, node-red
- Language: HTML
- Homepage: https://flows.nodered.org/node/@vergissberlin/node-red-contrib-mjml
- Size: 1.02 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# node-red-contrib-mjml
[](https://www.npmjs.com/package/@vergissberlin/node-red-contrib-mjml)
[](https://crowdin.com/project/node-red-contrib-mjml)
[](https://github.com/vergissberlin/node-red-contrib-mjml/issues)
[](https://github.com/vergissberlin/node-red-contrib-mjml/blob/main/LICENSE)
Node for NodeRED to create emails with MJML language. It provides a NodeRED node to parse your template and output HTML.
## Installation
Change directory to your NodeRED installation and issue:
```shell
npm install @vergissberlin/node-red-contrib-mjml
```
**OR** go to your pallet settings in your NodeRED admin ui and search for "mjml".
## Getting Started
In this repo there is `example-flow.json`. You can import that into a NodeRED workspace and it will provide a template
for getting working with the MJML node.
## Basic template example
In this section, you're going to learn how to code a basic email template using MJML.
```xml
My Company
Slogan here
Promotion
My Awesome
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin rutrum enim eget magna efficitur, eu semper augue semper.
Aliquam erat volutpat. Cras id dui lectus. Vestibulum sed
finibus lectus, sit amet suscipit nibh. Proin nec commodo purus.
Sed eget nulla elit. Nulla aliquet mollis faucibus.
Learn more
Find amazing places
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget
magna efficitur, eu semper augue semper. Aliquam erat volutpat. Cras id dui lectus. Vestibulum sed finibus lectus.
```
### Result
Looks cool, right?
[try it live!](https://mjml.io/try-it-live/templates/basic)
## How does MJML work?
With MJML, you can easily develop responsive email without the pain of coding. Its semantic syntax and standard components library speed up your development process, and MJML's open-source engine generates code in under a minute. This open-source engine generates high quality responsive HTML that adheres to best practices. It is an effective tool for creating emails that has a very intuitive interface.
The node `mjml-parse` is a NodeRED node that parses your MJML template and outputs the HTML.
## Further reading
- [MJML documentation](https://documentation.mjml.io)
- [MJML templates](https://mjml.io/templates)
- [MJML live editor](https://mjml.io/try-it-live)
- [MJML vscode extension](https://marketplace.visualstudio.com/items?itemName=mjmlio.vscode-mjml)