vue-email Question: render current email

Hi,

I'm building a drag and drop builder for vuemail. I'm using json and dynamic components for this. Proof of concept is working, but I need some mechanism to render the current displayed email.

How can I achieve this?

Regards

Oct 21 '23 17:10 scramatte

The following code give the rendered email:

this.html = this.$refs.vuemail.$el.outerHTML;

<EHtml ref="vuemail">
    <EHead />
    ...
</EHtml>

I don't know if it exists another better approach

Regards

Oct 21 '23 17:10 scramatte

Is there a reason why you can't use the useRender(...) ?

Feb 09 '24 14:02 badalya1

In my case, useRender(...) doesn't really returns a pure HTML like the documentation shows but an HTML which is using the VueMail Tags.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <EHtml lang="de"> <EHead> <EFont font-family="Main-Bold" fallback-font-family=" '-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif'" font-weight="400" font-style="normal"></EFont> </EHead> <EBody style="background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;"> <EContainer>

Feb 28 '24 08:02 Balazs-D

we just merged a new project rewrite, please do check the docs and the updated logic https://vuemail.net/

Jun 22 '24 18:06 Flowko