Pug(以前称为Jade)是Node.js的强大,优雅且功能丰富的模板引擎。
我正在使用 Jade,一切都很酷,除了 Jade“吃掉”了我的空间。 例如,在 HTML 中: 你好世界 或者 你好 世界 我正在使用 Jade,一切都很酷,除了 Jade “吃掉”了我的空间。 例如,在 HTML 中: <b>Hello</b> <b>World</b> 或 <b>Hello</b> <b>World</b> “Hello”和“World”之间会有一个空格。 但是当转换为 Jade 时会是 b Hello b World 当呈现为 HTML 时,空格消失了。喜欢: <b>Hello</b><b>World</b> 我是否必须在 Jade 模板中添加 或者有什么方法可以在生成的 HTML 中获得正常的空间? 当然,当你有两个相同的标签时,你可以简单地将它们合并: b Hello World 但是,如果您有两个不同的同级标签并且希望它们之间有一个空格,您可以使用 piping 在它们之间输出一个空格。 例如: b Hello | <-- 2 spaces after the pipe i World 请注意,指定标签内容/管道文本时,实际文本内容前面有一个空格。不输出该空白。因此,实际上,要通过管道传输空白,您需要一个 | 字符,后跟 two 空格。 如果您处于不保留尾随空格的环境中,您可以选择使用以下内容: b Hello =" " i World = 计算 JavaScript 表达式并输出结果。 另请注意, 与 HTML 中的空格不相同。使用的正确 HTML 实体是  (如果您喜欢十六进制数字,则为  )。 代表 non-breaking space。它的字符代码是160( )。不同之处在于,在使用普通空格的情况下,多个空格将显示为单个空格,如果一行溢出,文本将在下一行继续。* 另一方面,不间断空格将始终显示。使用不间断空格的地方永远不会换行。 最好用一个例子来说明: (Note the scroll bar at the bottom.) 空格 ( )                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     (Note there is no scroll bar because all spaces are concatenated into one.) * 这可以用 CSS white-space 属性覆盖。某些元素(例如 <pre>)默认显示所有空白和行结尾。 这应该可以做到: b Hello | World 不幸的是,它在我的机器上的 Chrome 中生成了以下 HTML 输出: <b> Hello World</b> 但最终变成: 结束 b Hello b World ...也会这么做。 我为显式空白做了一个混合: mixin space() | !{' '} 所以你只需要: b Hello +space b World 这里有一个更简单的方法: b Hello #{' '} b world 如果你想要这样 <b>Hello</b> <b>World</b> 你应该使用这个 b Hello | b World 这样它将在单词之间呈现空格: b Hello <-- single space at the end b world 或者使用单个空格的管道(不需要2个空格) b hello | <-- single space b world 您可以使用标签插值: p #[b Hello] #[b world] 会导致 <p><b>Hello</b> <b>world</b></p> 这对于文本的内联格式特别有用。您还可以使用属性,例如 p This is #[i(title='italic font') italic] and this is #[b(title='bold font') bold]. 这会导致 <p>This is <i title="italic font">italic</i> and this is <b title="bold font">bold</b>.</p> 因此不需要 或其他解决方法。
我正在尝试更改 v 菜单下拉背景的颜色。现在它只是白色,然后在黑暗模式下它是深灰色。 我已经尝试使用以下方法覆盖 css: .v-menu__内容...
我可以让 hx-trigger 响应非 htmx 请求中的 HX-Trigger 标头吗?
我正在努力让 hx-trigger 响应 HX-Trigger 标头,以响应我不是从 htmx 元素发送的 PUT 请求。我有以下请求(在哈巴狗中有些简化)...
我有以下代码: - 变量 a = 5; - 变量 b = 3; 脚本 如果(a === 5) 如果(b === 2) 。 var x = true; 包含 script.js 我想在 a == 5 且 b ...
如何在 PUG 中实现 Angular 17 中引入的新 @for @if 语法?
我一直在 Angular 应用程序中使用 PUG,我喜欢 Angular 17 中引入的关于 @for 和 @if 的新语法,取代了 *ngFor 和 *ngIf。我不确定如何通过 PUG 来实现这一点。 ...
我试图转义哈巴狗/玉中的特殊字符,但它一直给我错误。 我尝试了 !{}、#[] 和 #[!],但这些选项都不允许我使用“(”字符。 p。 !{(} 编辑!{>}
gulp-pug 不起作用并说意外的标记“缩进” 看下面的图片 gulp代码和nodejs命令提示符 index.pug 和 nodejs 命令提示符 package.json和nodejs命令程序...
ScrollTrigger.js:未捕获(承诺中)TypeError:无法读取未定义的属性(读取“pin”)GreenSock,GSAP
我继承了一个没有文档的项目,并不断收到错误 ScrollTrigger.js: Uncaught (in Promise) TypeError: Cannot readproperties of undefined (reading 'pin') in the web console when...
我正在按照这个 MDN Express 教程创建一个“本地库”应用程序,该应用程序使用 Pug (Jade) 作为其模板引擎。在本教程的这一部分中,它详细介绍了为
我正在尝试将 json 脚本添加到我的 Pug JS 文件中,该脚本是用于 SEO 的结构化数据。我的做法与使用 type="text/javascript" 处理 JavaScript 的方式相同,但它无法编译...
正在触发 GET 请求,而不是我在 axios 中明确提到的 POST 请求
这是我的login.js 文件,负责客户端登录功能。当我在邮递员中点击 api 端点并成功获取 jwt 时,我的后端代码工作正常,这一点很明显。
如何在node js项目中的pug文件中为pdf添加自定义阿拉伯字体
我正在使用 wkhtmltopdf 库将 pug 文件转换为 PDF,在 pug 文件中我有阿拉伯语和英语文本,但我希望阿拉伯语文本的特定字体显示在 PDF 文件中 我尝试过,但它给了......
我正在创建一个 Web 应用程序,用于使用 mongodb、node.js、express 和 pug 来记笔记。当我加载主页时,笔记按创建日期的顺序排列。当我点击按钮来安排...
我们如何在 Jade / Pug 中将长属性值写在多行上? SVG 路径往往很长。我们希望将属性值写在多行上以提高可读性。例如...
我正在构建一个应用程序,我希望管理员更新管理面板中显示的任何用户
我是初学者,陷入了这个问题。我正在构建一个应用程序,我希望管理员通过单击...底部的更新按钮来更新管理面板中显示的任何用户。
我正在使用 Pug 来构建我正在构建的网页。 在模块的末尾我有一个脚本。标签(不能使用常规脚本标签,因为它与 jQuery 不兼容): 脚本。 // 加载 m...
示例数据: { "_id": "ObjectId_for_Site1", "名称": "站点 1", "地址": "123 Reeganangam", "经理": { "_id": "
我正在尝试在 Pug 中输出一些 HTML 代码列表,但将标签符号转换为 HTML 实体(< to & lt; | > 到 > 等...)。到目前为止,我已经通过使用 str...