Javascript 模板文字和 Html 文本区域

Question

为了让一些 html 在文本区域内很好地呈现，

我必须让我的代码缩进看起来很难看；

在不使用错误缩进的情况下编写模板文字的正确方法是什么？

Answer 1

我会改用一个单独的脚本文件，在顶层不需要（甚至不需要）缩进：

// script.js
const htmlStr =
`<section>
    ...
</section>`;
document.getElementById('txtHtmlStr').defaultValue = htmlStr;

<script src="./script.js"></script>

无论如何，我更愿意将脚本文件与 HTML 文件分开，它们可以使事情变得更容易（例如，为了适当的关注点分离，为了有一个单一的入口点，以允许 linting，缩小和转译）