topic Re: How to inject html code into message of tSendMail in Talend Studio

How to inject html code into message of tSendMail

Anonymous — Tue, 15 Apr 2014 13:31:35 GMT

Hi ,
I downloaded a template of mail in html , but i don't know how to put it in the message section of the tSendMail component , i get many errors even when enclose it with "".
And how is can we add a logo ? or images ?
Thanks

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 15 Apr 2014 13:43:11 GMT

Hi,
Have you used advanced setting for MIME type as HTML for tSendMail component?
Vaibhav

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 15 Apr 2014 13:44:23 GMT

Hi,
Even you can check a blog at http://www.brainre.org/html-email-with-images-from-open-talend/
Vaibhav

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 15 Apr 2014 13:49:47 GMT

Thanks a lot , too bad we have to make a lot of rewriting into the html code with escape sequences and the + ...

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 15 Apr 2014 13:56:21 GMT

Yes it is too difficult and needs lots of patience... Even you can have tjavarow component which converts input data to table format and stores it into the context variable. Once everything is read and stored, then use that context variable in the body of tsendmail to display the actual table... this is much more painful... and difficult for the one who does not no html coding and manage string and integer conversions...

Re: How to inject html code into message of tSendMail

Anonymous — Wed, 16 Apr 2014 09:06:13 GMT

Thanks everyone for the help i managed to do this , and here is the result .

Re: How to inject html code into message of tSendMail

Anonymous — Wed, 16 Apr 2014 10:05:55 GMT

Hi largouwalid,
It would be great if you can pl tell or provide an approach with some important part of code, so that me/others too can make use of it if required in future.
Thanks
Vaibhav

Re: How to inject html code into message of tSendMail

Anonymous — Wed, 16 Apr 2014 11:55:01 GMT

Hi ,
So what i did is find a free template online ( i took this one : http://templates.cakemail.com/details/blitz ).
Then the steps i did were :
- Search and replace " by \" (To escape the caracter)
- Added " at the begin at every line , and "+ at the end of every line (except the last line)
- Copied the code into tJava after creating a context variable like this
context.Message = " My HTML Code " (see image)
- And finaly put in the tSendMail component Message : context.Message
Hope it will help.

Re: How to inject html code into message of tSendMail

Anonymous — Wed, 16 Apr 2014 11:57:30 GMT

Great thanks...

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 28 Jun 2016 09:48:39 GMT

Hey, did you try to add any CSS styling to your solution? it doesn't seen to work for me

Re: How to inject html code into message of tSendMail

Anonymous — Tue, 04 Jun 2019 22:53:28 GMT

This was just what I did it and worked really well, thanks!

Re: How to inject html code into message of tSendMail

seaferring — Mon, 28 Oct 2019 18:39:25 GMT

This is great, but that the tSendMail component has an HTML option and then makes you jump through hoops to do anything more complex than "Hello World" is a little disappointing.

Re: How to inject html code into message of tSendMail

pcristi — Fri, 17 Apr 2020 16:07:58 GMT

<!DOCTYPE html>
<html lang= "pt-br">
<html>
<head>
	<meta charset="UTF-8" author="Priscila Cristina"/>
<body>
	<header>
<img src="C:/Users/pcristi/Desktop/Projeto_Auditoria/Imagens/adp-logo-cabecalho.png"
<header>
<h3>Olá <b>"+context.Consultor+"</b>,</h3>
</br>
<p>Identificamos que na pasta do projeto número "+context.Id_Expert+"  não constam alguns documentos auditados:</p>
	<ul><li>Pasta Sharepoint: "+context.URL+" </li>
	<li>Tipo de Conversão:"+context.Tipo_Conversao+"</li>
	<li>Relatórios Ausentes:"+context.Relatorio1+"</li></ul>
<p>Por favor insira os documentos na pasta.</p> 

<p>Obrigada,</p> 
</br>
<footer id="assinatura">Equipe Dev-Talend</footer>
<style>
body {
		font-family: arial,sans-serif;
		font-size: 12pt;}
header {
	position:relative;
	width: 600px;}
h3 {
	color: #606060;}
p {
	text-align: justify;
	font-family: Microsoft YaHei UI Light;}
footer#assinatura {
font-family: Cooper Black;}
ul{
color: #606060;
font-family: arial now,sans-serif;
font-style: italic;}
</body>
</style>
</html>

I know you have posted it a long time ago but until now ,in 2020, we are not so sure in how to make CSS work out with Talend.

Could you please help us with this matter?

I have a simple HTML file to send by email but looks a nightmare makes it works.

Thank you in advance for your support.