在使用HtmlService綁定GAS腳本的電子表格中，如何包含樣式表（CSS）和JavaScript內容？

Question

如果我將所有內容放在主頁上，而不是像Best Practices documentation提倡者那樣的單獨文件，我只能獲得CSS和JavaScript內容。這使得主頁非常長，並且正確地閱讀&導航。

與其強迫你理解我自己的腳本，我創建了兩個電子表格，與任何具有以下鏈接的人員共享，並從文檔複製腳本來說明問題。在每一箇中，要運行該腳本，請單擊菜單欄中的對話框，然後單擊打開。要查看腳本，您知道演練，請單擊工具，然後單擊腳本編輯器。

Demo 1顯示CSS放置在主html頁面上的JavaScript工作。

Demo 2表明放置在單獨文件中的JavaScript不起作用。

任何建議任何人？

Answer 1

變化：

function openDialog() { 
    var html = HtmlService.createHtmlOutputFromFile('Page') 
     .setSandboxMode(HtmlService.SandboxMode.NATIVE) 
     .setTitle('My custom dialog') 
     .setWidth(400) 
     .setHeight(300); 
    var ss = SpreadsheetApp.getActive(); 
    ss.show(html); 
} 

到：

function openDialog() { 
    var html = HtmlService.createTemplateFromFile('Page') 
     .evaluate() 
     .setSandboxMode(HtmlService.SandboxMode.NATIVE) 
     .setTitle('My custom dialog') 
     .setWidth(400) 
     .setHeight(300); 
    var ss = SpreadsheetApp.getActive(); 
    ss.show(html); 
} 

和它的作品。