Javascript模板文字和HTML文本区域

编程问答 2022-06-09

问题描述

要获得一些可以在文本区域内很好地呈现的html，

enter image description here

我必须使我的代码缩进看起来丑陋；

enter image description here

在不求助于缩进的情况下，编写模板文字的正确方法是什么？

解决方法

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

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

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

无论如何，我还是希望将脚本文件与HTML文件分开，它们可以make things easier（例如，为了适当地分离关注点，具有单个入口点，允许掉毛，缩小和转译）

>
javascripttemplate-literalstemplate-stringstextarea