关于使用lodash _.template()导入文档{%raw%} <div>你好文档</div> {%endraw%}的问题

时间:2019-03-13 21:33:26

标签: javascript lodash liquid

在我的叉状lodash仓库中,我运行此命令来生成文档的HTML。

yarn doc:sitehtml

它将生成此HTML文件(预期),并被以下文件阻止: {%raw%} {%endraw%},如下所示。

4.17.5.html

---
id: docs
layout: docs
title: Lodash Documentation
version: 4.17.5
---

{% raw %}
<div class="toc-container">
    <!-- list of methods -->
</div>
<div class="doc-container">
    <!-- docs -->
</div>
{% endraw %}

是否可以将4.17.5.html部分导入到另一个html文件中?

类似这样的东西:

<!DOCTYPE html>
<html>
<head>
  <title>Lodash docs</title>
  <script src="vendor/lodash/lodash.min.js"></script>
</head>
<body>

  <div id="doc_wrapper">
    <!-- render 4.17.5.html here -->
  </div>

  <script src="4.17.5.html" id="docs_template"></script>

  <script>
      var el = document.getElementById('docs_template')
      var compile = _.template(el)

      document.getElementById("doc_wrapper").innerHTML = compile()
  </script>

</body>
</html>

我尝试过此操作,但Chrome控制台出现错误:

Uncaught ReferenceError: Invalid left-hand side expression in prefix operation

在浏览器中呈现:

[object HTMLScriptElement]

在此先感谢您提供的任何帮助! :)

0 个答案:

没有答案