Javascript 模板文字和 Html 文本区域

Question

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

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

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

Answer 1

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

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

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

无论如何，我更愿意将脚本文件与 HTML 文件分开，它们可以 make things easier（例如，为了适当的关注点分离，为了有一个入口点，允许 linting，缩小, 和转译)

Javascript Template Literals and Html Textarea