gpt4 book ai didi

javascript - 如何在 pug 文件中插入包含 pug 代码的字符串?

转载 作者:行者123 更新时间:2023-11-30 06:19:37 25 4
gpt4 key购买 nike

我需要在 pug 文件中插入一个包含一些 pug 格式代码的字符串。

我测试过的内容:

- var text = "i.home.icon"

div= text
div !{text}
div #{text}
div ${${text}}
div {{text}}
div {text}
div \#{text}
div \{text}
div ${text}
div
#{text}

我想要什么:

<div><i class="home icon"><i></div>

最佳答案

你可以用 mixin 来做到这一点. Here is a codepen这表明它在实际示例中有效。

mixin tagCreator(def)
- var tagArray = def.split('.');
- var tag= tagArray[0];
- tagArray.shift();
- var classes = tagArray.join(' ');
|<#{tag} class='#{classes}'>
if block
block
|</#{tag}>

+tagCreator('one')
+tagCreator('two.three.four') Two

上面的代码创建了这个 HTML:

<one class=""></one>
<two class="three four">Two</two>

逐行快速解释它的作用:

  1. 将句点分隔的字符串拆分成一个数组
  2. 单独存储标签名称
  3. 删除数组中的第一个元素
  4. 将数组的其余部分加入适合于 class="" 输出的以空格分隔的字符串
  5. 使用管道分隔符输出 plain text用类标记
  6. 如果存在则输出添加到标签的任何内容
  7. 关闭标签,再次使用纯文本

关于javascript - 如何在 pug 文件中插入包含 pug 代码的字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53961247/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com