Drag and Drop email editor

[MrSnoozles]

Hi,

I saw that you've been working on a drag and drop email editor in this PR: #164
When creating a campaign I just see the option to use the code editor however.

How can the drag and drop editor be enabled?

[jeroenrinzema]

Hi @MrSnoozles, we've been experimenting with the email editor. As far as we know, there's no good open-source drag-and-drop email editor available. In the PR you mentioned, we tried building one with Puck that generates React Email templates, but we couldn't get the design and feel to a point we were happy with, and we ran into various bugs that broke the editor.

Instead, we've decided to include a JSX editor with React Email support, which lets users build emails with custom JavaScript logic.
Separately, we're working on a block builder in Lunogram Cloud (closed-source for now) that lets you build emails with a block editor. You can check it out at console.lunogram.com.

[MrSnoozles]

Hi @jeroenrinzema . Thank you for the insights. The JSX editor is powerful, but I think in reality too cumbersome, especially when most of the time non-developers will be the ones composing the emails.

Have you seen https://github.com/templatical/sdk ? That's a relatively new project and looks like it could be a good fit for the email builder.
It has a couple very useful features for Lunogram, like the very good merge tag integration, predefined design tokens so emails can have a unified style per tenant and display conditions, so we can have sections in an email template that are shown only when certain conditions are met.

[MrSnoozles]

@jeroenrinzema Is the integration of a visual email builder something you'd still consider for the open source version?

[jeroenrinzema]

Hi @MrSnoozles , I have been thinking a lot about this and it is something we are considering and are open to. It is important to us that the mail builder is easy to use and integrate in our existing stack. I have been looking into https://github.com/templatical/sdk this looks quite good! It is a Vue library under the hood. We will need to experiment to make sure we get the right look and feel.

[MrSnoozles]

Hi @jeroenrinzema . Would you also accept a PR for this feature if look and feel are matched? I would like to use Lunogram, but not being able to easily define email templates is still a blocker.

[jeroenrinzema]

Hi @MrSnoozles, yes that would be much appreciated! I do not have the time at the moment to implement this feature myself.

[MrSnoozles]

@jeroenrinzema I've got something working. It would be a rather big PR with 39 files modified. Should I open it anyway or should I try to split it into 3-4 smaller PRs?

[jeroenrinzema]

Hi @MrSnoozles, feel free to open the pr we could always decide to split it into multiple chunks later.