ドライブ内のHtmlが記載されたテキストファイルを読み込み、内部のHtmlに埋め込みたい。

前提・実現したいこと

GASを利用し、ドライブ内のHtmlが記載されたテキストファイルを読み込み、内部のHtmlに埋め込みたいです。
こちら方法ありましたら教えて頂けると幸いです。

表示したい内容としては、
darkorange色で「テスト表示」とデプロイした際に出るようにしたいです。
よろしくお願いします。

↓以下、自分の方で試してみた内容になります。

main.gas

function doGet()
{
  var html = HtmlService.createTemplateFromFile("index");
  html.content = GetHtmlText();
  return html.evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

function GetHtmlText() 
{
  const DOC_URL = '※「simpleHtml」のURL'; 
  const doc = DocumentApp.openByUrl(DOC_URL);
  return doc.getBody().getText();
}

index.html

<!DOCTYPE html>
<html>
  <head>
    <?!= HtmlService.createHtmlOutputFromFile('css').getContent(); ?>
    <base target="_top">
  </head>
  <body>
    <?=content?>
  </body>
</html>

css.html

<style>
  .text
  {
    color: darkorange;
  }
</style>

simpleHtml（ドライブ内のGoogleドキュメント）

<h1 class = "text">テスト表示</h1>

試したこと

現状の内容だと「<h1 class = "text">テスト表示</h1>」と表示されてしまいます。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

<?= ～ ?> は中身（～）がエスケープされます。
（たとえばhtmlタグが含まれた変数を指定した場合、エスケープされた文字列が表示されます。
したがって質問文のような表示になります）

エスケープされないようにするには
<?!= ～ ?>
を使用します。（Force Printing Scriptlets）

index.html

diff
1<!DOCTYPE html>
2<html>
3  <head>
4    <?!= HtmlService.createHtmlOutputFromFile('css').getContent(); ?>
5    <base target="_top">
6  </head>
7  <body>
8-   <?=content?>
9+   <?!=content?>
10  </body>
11</html>