问题标签 [html-templates]

我正在为我的投资组合构建一个带有一些附加功能的 Twitter 克隆。我正在使用 Web 组件的模板标签来创建推文模板，然后在单击发布推文按钮时使用 importNode 将其呈现到 DOM 中。这工作正常。

我添加了一个编辑按钮，单击该按钮应运行一个功能：

但是，这不起作用。单击按钮时，创建推文容器应该可见。我还希望该按钮对于每个导入的模板都是唯一的，因为即使它是相同的模板，用户也应该能够编辑该特定推文。

我已经阅读了多个关于 Web 组件、自定义元素、影子 DOM 等的教程。但我一直坚持如何将它们结合在一起来完成这个特定的任务。

对后续步骤的任何帮助都值得赞赏。谢谢你。

JS 小提琴：https ://jsfiddle.net/manoj1234/zoL5s10g/12/

更新：

我现在已将事件侦听器添加到导入的节点而不是模板中：

但我现在收到此错误：Uncaught TypeError: Cannot set property 'onclick' of undefined at HTMLButtonElement.postTweetButton.onclick (script.js:59)

这是我的 models.py 文件。

这是views.py 文件的一部分

渲染 html 页面后，我可以看到字典里面有值。这是终端中打印的值。

未找到
未找到
未找到
未找到
未找到
{1：“回归”，2：“分类”}

现在，我想在我的 django 模板中获取 user_categories。我尝试了不同的方法，但无法获得 user_categories 。

这是我的 django html 文件的一部分。

本节仅呈现 user_info.post_user.username 而不是 user_info.user_categories.1 见下文。

当我尝试将模板附加到影子 DOM 时，它仅显示为“#documentFragment”，并且从不呈现或复制模板中结构的实际元素。

我花了几个小时试图弄清楚。我找到的解决方案是使用：

• template.firstElementChild.cloneNode(true);

代替：

• 模板.content.cloneNode(true);

然后，只有这样，一切都会按预期工作。

我的问题是，我做错了吗？

如何将函数结果从文件发送到 HTML 模板，通过以下努力我收到一个对象对象错误消息

HTML 页面中的错误是：[object Object]、[object Object]、[object Object]、[object Object]、[object Object]、[object Object]、[object Object]、[object Object]、[object Object]

我正在尝试在我的 nunjucks 项目中添加故事书。我的组件采用 njk 格式。我收到以下错误 -

您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders

这是我的故事书代码-

由于故事书根据他们的 Github 站点不支持 nunjucks，因此我也在为我的 nunjucks 组件寻找故事书的替代品。

谢谢您的帮助

我能够在 HTML 页面上显示 jija2 模板，但输出格式不正确。

视图.py

结果.j2

我开始尝试IHP 的 webframework。我正在测试一些不同的页面布局，在尝试设计时，我似乎找不到在 hsx QuasiQuote（具有 blaze-html 语法）中注释掉 html 的正确方法。例如，我想在下面临时评论用户的链接：

我尝试过注释行 html 样式：

但这会产生编译错误：

我也试过用花括号将它作为haskell评论转义，但这会产生

本质上，我正在寻找一种方法来注释 [hsx|...|] QuasiQuote 块中的代码行或代码块，但我不确定我到底需要转义什么。

我的最终目标是根据表单用户级别 (lvl)/优先级选择向客户发送自动电子邮件。3 级应在电子邮件模板中发送选定的表格答案。（我假设我对仅用于维护跟踪的 lvl 2 条目有相同的问题）

如果这些问题可能是一个重复的问题，我深表歉意（我的编码经验很少，主要是 VBA），但我已经彻底使用论坛来弄清楚其中的大部分内容，并阅读了HTML SERVICES，不幸的是我必须错过或阅读它，因为我在传递表单答案（由提交触发）和评估 e.range 以获取要从 HTML 模板中选择的数组字符串时遇到问题。

我最终在提交表单时出现以下错误。

在评估（[未知文件]：39：3）

在 checkAlert(代码:34:29)

在 onFormSubmit(代码:4:3) "

这是我的代码：

代码.gs

3模板.html

我尝试在提交表单时记录“e”，以查看我得到的代码评估结果并返回“[object][Object]”，这一定是一些我不明白的概念错误。感谢您的帮助。

测井样本表

当您可以简单地在 Web 组件 (shadowRoot.innerHTML) 中定义 HTML 时，我似乎无法理解或找出为什么应该将 HTML 模板与 Web 组件一起使用。

创建模板并将其克隆到 Web 组件中有什么好处？我可以看到如果两个 Web 组件共享相同的 HTML 是有原因的，但除此之外我不知道。

有什么我遗漏的根本重要的东西吗？

尝试构建要通过电子邮件发送的报告。我的想法是使用 HTML 模板构建电子邮件，但我似乎错过了一些东西......电子邮件应该包含一个报告，其中将包括 ColB 中特定月份的所有条目。

这是一个快速演示表

这是我的代码

这是 HTML（用作模板）

电子邮件仅以正文中的数字 0 发送。任何人都可以理解这一点吗？