问题标签 [html-templates]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
web-component - Webfundamentals、带有 shadowDOM 的 CustomElement 和带有 HTML 导入的 HTML 模板
我有关于 webfundamentals 实现的各种问题,我读过一个真正的 web 组件必须具有用于 css 封装的 shadowDOM,用于我真正喜欢的组件逻辑的 customElements,以及 HTML Temapltes 和导入,所以我试图做到这一切一个 customElement 组件,我遇到了很多我觉得很难调试的问题,我会全部列出来。
- 我是否必须将 html 模板插入到文档中才能真正得到它?我不能只从 js 获取它的内容吗?如果我必须,当我打算替换 shadowHost 内容时它是如何工作的,我的意思是我在 shadowRoot 中得到了模板(链接),我的实际问题是当我做
querySelector(
链接 [rel="import"]).import.querySelector("template")
它在 .import 函数标记之后为空,当我将该函数插入文档时,它实际上获取了模板内容,这是文档。
看那个截图我还有2个问题
我应该
shadowHost.innerHTML = file.querySelector(link[rel="import"]).import.querySelector("template")
使用标签并将其内容复制到 shadowRoot 元素中吗?我的意思是我该如何实施这种方法?我使用 Angular 作为第一个示例,他们使用一个 HTML 文件(我猜测它是一个模板或插槽标签),然后他们将它作为构造函数的参数添加到组件中,所以如何使用 HTMLTemplates 和 HTMLImport 我可以实现该行为,我已使用记录的功能,但在最后阶段不起作用。我应该保留
<link rel="import">
在 shadowRoot 内还是 document.head 内?我可以实现模板而不需要将其添加到文档中吗?
几天来,我一直在尝试用 shadowDOM 做一个简单的 customElement,它工作得很好,问题是当我尝试添加一个外部以使其更健壮时。
有什么帮助吗?建议?我可以展示一些我在组件上使用的功能来产生想法。
python - 如何在 Python Django 中重用网站模板(布局/主题)?
我是 web-dev 的新手,但是在我用 Django 编写的那些简单应用程序中,有一个简单的base_generic.html作为网站页面模板,像这样
在其中我们有几个block,以便我们可以从那里扩展以添加新的页面内容。
这个html模板真的很简单又不好看,还需要一些好看的页面模板,所以不知道
1)是否可以下载网站页面模板,比如WordPress(他们有很多漂亮的),并在 Django 中使用?
2) 或者我们在 Django 世界中解决我的问题的典型方法是什么?
jquery - 从动态 json 数据渲染嵌套的 Bootsrap 手风琴
我正在尝试从 firebase 加载动态 json 对象并填充嵌套的引导手风琴。场景:为简单起见,专辑和歌曲都只有“标题”。意思是专辑的主要手风琴和每张专辑嵌套的手风琴歌曲。
我正在使用带有部分的 mustache 模板库。专辑项目的模板和歌曲项目的另一个模板。到目前为止,只有专辑显示为第一级,我需要帮助来实现嵌套功能。请对我温柔一点,因为我通常不是网络开发人员。感谢您的关注!
javascript - 基于模板和用户输入以编程方式创建新的 HTML 页面
我正在研究一个项目/想法,我的用例是用于我重要的其他人的博客/工艺/食谱网站。我想创建一个使用 Firebase 托管的个性化服务,并且我希望没有编码/html/firebase 经验的人(就像我的重要人物)能够在他们喜欢的时候上传新页面(这将在后端完成使用 firebase 的托管 API,并在前端使用自定义 UI 和表单)。
我已经解决了大部分问题,但我还有一个问题无法找到直接答案:
仅使用从上述表单收集的新信息,基于模板创建新的 html 文件的最佳方法是什么?
- 例如:给定一个食谱网站,其中每个食谱都有自己的页面和路线。理论上,上面的表格将收集命名此页面所需的所有信息,并收集添加到此页面以使其完整所需的所有信息。
- 我想我需要一个模板 html 页面并复制然后向其中添加信息,通过 Firebase API 上传和服务等。
是否已经有一个特定的模板引擎可以帮助解决这个问题?我很难将我知道的现有模板引擎扩展到这个用例中。
TL;DR - 我知道这是一个冗长的问题,但最后,我正在寻找最好、最有效的方法来以编程方式创建一个新的 HTML 文件,该文件将基于给定的模板,添加自定义信息,并通过 firebase API 上传/服务——当然是使用 Node/Google Cloud Functions。
我不需要为我编写任何代码,只是希望指向正确的方向,因为我在问这里之前已经研究了大约一个月,这是我最后的手段 - 我很沮丧,因为我知道有一种方法可以做到这一点,但一直找不到我需要的东西。
reactjs - 在 Stencil Web 组件中进行 React 渲染
这可能有点棘手 - 我想在通过 Stencil 准备的 Web 组件中渲染 React,但我得到“不变违规:目标容器不是 DOM 元素。”:
javascript - 文档片段内自定义元素的初始化
考虑这个template
带有两个 flatx-element
和一个嵌套的 HTML。
如何初始化(触发构造函数)从fooTemplate
文档片段克隆的所有自定义元素,而不将其附加到 DOM,也不通过扩展内置元素is="x-element"
;要么是整个片段。
请注意,脚本使用defer
属性执行。
html - 如何将自定义元素与模板一起使用?
我试图了解网络组件是如何工作的,所以我尝试编写一个在网络服务器上提供服务的小应用程序(在支持的 Chrome 上测试rel="import")
:
index.html
:
my-app.html
:
但这似乎不起作用。该<my-app />
标签根本没有在 DOM 中呈现,我在控制台上收到此错误:
未捕获的类型错误:无法读取 null 的属性“内容”
什么不能检索template
节点?我究竟做错了什么?
我还想知道的是,是否允许我编写没有样板代码(doctype、head、body ......)的 HTML 文档,因为它是用来描述一个组件而不是一个完整的文档来按原样使用. HTML5 规范是否允许它和/或它是否被大多数浏览器正确解释?
感谢您的帮助。
html - Angular2将来自服务器的html包含到一个div中
我的服务器中有一系列 html。例如:
我试图将这些文件包含<div>
在我的 angular2 v4 应用程序中。例如:
组件.ts
组件.html
但它不起作用。我尝试了以下解决方案:
但这对我不起作用。有人可以帮我解决这个问题吗?