How to insert HTML code into HTML file from a .gs using Google Apps Script

Question

My variables I'm inserting into an HTML file using the code below inserts the variables as plaintext and does not register code within my variables.

function sendEmail(){
var htmlBody = HtmlService.createTemplateFromFile('emailFormat');
var variableOne = "text";

htmlBody.example = '<p>' + variableOne + '</p>';

var email_html = htmlBody.evaluate().getContent();

  MailApp.sendEmail({
    to: "[email protected]",
    subject: "subject",
    htmlBody: email_html
  });
}

The code above makes anywhere I put <?= example ?> within the file 'emailFormat' become "text". The problem is it does not display it as "text" it displays "text" entirely. How do I get it to show register the 's as code?

Show your html code

TheMaster
– TheMaster

2019-08-15 18:53:55 +00:00
Commented Aug 15, 2019 at 18:53 — TheMaster
– TheMaster, Commented Aug 15, 2019 at 18:53

dwmorrin · Accepted Answer · 2019-08-16 01:16:22Z

7

The tags <?= ?> will escape the output, thus <?= ?> will "print" the string  and not a paragraph tag.

You can use <?!= ?> to not escape the output. Those are useful for including additional HTML and inline JavaScript, CSS files into your templates. Using the exclamation mark should fix your issue.

But in your case, try just putting the  tags outside <?= =?> tags like this:

<p><?= example ?></p>

That's the typical way to do it. Or if you need to switch the tags, you could use the <?!= option, but that puts HTML in your JavaScript... it's a subjective choice, but you can also control options by using the <? ?> tags like this:

Code.gs

// html refers to a template
html.type = "p";
html.content = "some paragraph content!";

template.html

<? if (type === "p") { ?>
<p> <?= content ?> </p>
<? } ?>

answered Aug 16, 2019 at 1:16

dwmorrin

2,76410 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cooper · Accepted Answer · 2019-08-15 17:51:19Z

0

Try this:

function sendEmail(){
  var v1="Hello World";
  var html='<p>' + v1 + '</p>';
  MailApp.sendEmail({to: "[email protected]", subject: "Email Test", htmlBody: html});

}

We don't really load html into html files from gs file scripts except possibly via the Google Apps Script Advanced API. We can however load html directly into the Document Object Model of a browser by using google.script.run and then it's just a matter of getting the element by id and loading it's text or innerHTML via Javascript. I don't think even scriplets actually load it into the html file but I'm not sure about that.

edited Aug 15, 2019 at 17:51

answered Aug 15, 2019 at 17:41

Cooper

64.2k7 gold badges28 silver badges65 bronze badges

1 Comment

Braydon Over a year ago

Scriptlets do load in, I use it for other variables that are just text.

Collectives™ on Stack Overflow

How to insert HTML code into HTML file from a .gs using Google Apps Script

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related