【问题标题】:Javascript Template Literals and Html TextareaJavascript 模板文字和 Html 文本区域
【发布时间】:2021-01-25 03:09:07
【问题描述】:

要让一些 html 在 textarea 中很好地呈现,

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

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

【问题讨论】:

    标签: javascript textarea template-literals template-strings


    【解决方案1】:

    我会改用单独的脚本文件,在顶层不需要缩进(甚至不需要缩进):

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

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

    【讨论】:

    • 好吧,这行得通,但它仍然把所有东西都向左移动,这很奇怪;编辑职位不应决定结果。
    • 拥有一个单独的脚本意味着代码的自然位置已经一直在左侧,无需自然缩进。在嵌套块中,另一种选择是在顶层定义常量模板文字,或者从单独的文件中导入它。
    • 好的,感谢您的帮助。我会在回来接受您的回答之前给它一些时间。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-14
    • 2011-10-20
    • 2021-02-06
    • 2015-08-25
    相关资源
    最近更新 更多