在 javascript 中缩小 html 文字的最佳方法

Answer 1

如果您可以保证不会有跨多行的标签（即同一标签的

<

和

>

位于不同行），也没有必须在保持空白的情况下呈现的文本内容（通过 CSS） ，您可以通过将

.replace

调用链接到模板文字来取出任何换行符及其周围的空白，如下所示：

breadcrumbsElement.innerHTML = `
        <ul class="breadcrumb mr-breadcrumb">
            <li class="breadcrumb-item">
                <a href="/">HostShop</a>
            </li>
            ${breadcrumbLabel ? `
            <li class="breadcrumb-item">
                <span>${breadcrumbLabel}</span>
            </li>` : ''}
        </ul>
    `.replace(/\s*[\r\n]\s*/g, "");

但是，这对于任何 HTML 都无法正常工作。如果它可以是任何东西，那么您可以使用 DOM 解析器解析它，修剪所有不呈现过多空白的文本节点（CSS 控制），然后再次从中获取 HTML。