givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
https://www.vvveb.com/vvvebjs/editor.html
Apache License 2.0
7.07k stars 1.62k forks source link

Adding/Making Components for Email #254

Open mikepro44 opened 2 years ago

mikepro44 commented 2 years ago

Greetings,

Currently trying to make components for an email template designer. Wondering what the easiest way would be to implement this. They need to be all inline styled to work with email, which is making it quite difficult.

For example this button:

<a href="https://example.com/***utm***" class="button" style="background-color: #2ea1ba; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; padding: 10px 25px; color: #ffffff; display:inline-block; mso-padding-alt:0; border-radius: 3px; margin-top: 10px; margin-bottom: 10px;">

<span style="mso-text-raise:15pt;">
Read More
</span>

</a>

Confused on how to implement the inline styling for this. Is their anyways i could use this entire chunk in html: ' ' section of the components js