使用竖琴生成目录

时间:2016-03-06 10:33:46

标签: pug harp

我试图在我的文档页面中创建一个自动生成的目录。基本上我需要浏览文档文本,找到我对名称感兴趣的元素,并相应地将它们添加到目录中。它还应该直接链接到元素。

我已将文档内容放入_documentationBase.jade。然后会有一个documentation.jade页面,它将添加目录和文档本身。我坚持的是,我希望获得部分_documentationBase.jade的DOM重新定位。

部分给了我一个大字符串,并找到我想要的部分,我希望它是一个文档,所以我可以调用getElementsByName之类的东西。要从字符串中创建DOM对象,可以使用以下内容: - 文件:new Document().createElement('div').innerHTML = ...; - DOMParser:new DOMParser().parseFromString(...)

在Jade中将JS Document或DOMParser构造为无缓冲的代码会导致以下错误:

  

TypeError - 文档不是函数

那么最好的方法是什么?我可以很容易地在客户端制作目录,但这确实不是很好用的Harp。我猜这可能是一个更简单的方法吗?

1 个答案:

答案 0 :(得分:1)

到目前为止,我还没有找到优雅的内置解决方案,但这对我有用。很想听听任何建议。

我在本地JSON中使用了一个标志,可以从EJS(或Pug)布局模板中轻松访问,并且所有DOM操作都在客户端进行。

  ...

  <% if (references) { %>
    <script>
      // do something
    </script>
  <% } %>

  </body>
</html>