我正在尝试在 Apps 脚本的 HTML 表单中添加 CSS 文件。但是,我不将该项目部署为 Web 应用程序。 我正在尝试使用函数 include 来应用 css 样式,但我的表单上方始终有一段脚本。也许是因为包含不在正确的位置,但我不知道在哪里使用它。 我的html页面是Formulaire.html,css是css.html,Gs代码文件是onOpen.gs
这里是 onOpen.gs 代码:
function onOpen() {
SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
.createMenu('Formulaire')
.addItem('Compléter', 'openForm')
.addToUi();
}
function openForm() {
var html = HtmlService.createHtmlOutputFromFile('Formulaire')
.setWidth(1500)
.setHeight(1000);
SpreadsheetApp.getUi()
.showModalDialog(html, 'Saisissez les informations nécessaires');
}
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
这里是 Formulaire.html 代码:
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<meta charset="UTF-8">
<base />
<?!= include('css'); ?>
</head>
<body>
<!-- MEANS -->
<div class="category">
<label for="inputMeans" class="ds-formcontrol-label">Means</label>
<div style="width:100%;">
<ul class="display-list" id="displayMeans"></ul>
<input type="text" class="ds-input" id="inputMeans" list="datalistMeans" placeholder="Select here">
<datalist id="datalistMeans"></datalist>
</div>
</div>
</body>
</html>
以及我想要应用CSS的css.html文件:
<style>
body {
font-family: Arial, sans-serif;
background-color: #1a237e;
}
</style>
我该如何解决这些问题?谢谢!
试试这个:
function openForm() {
var html = HtmlService.createTemplateFromFile('Formulaire').evaluate()
.setWidth(1500)
.setHeight(1000);
SpreadsheetApp.getUi()
.showModalDialog(html, 'Saisissez les informations nécessaires');
}