webStorm快捷拼接代码怎么用啊？在哪里设置？

Question

复制这一段代码到JS中

<dt class="pl1">
 <h5>堆垛机</h5>
        <p>发布时间:2018-06-03</p>
</dt>

<dt class="pl1">
<h5>3台/100万</h5>
<p>发货地址:福建厦门</p>
</dt>

<dt class="pl1">
<h5>2018-05-02 剩余2天</h5>
</dt>

<dt class="pl1">
<h5>A供货商</h5>
<p></p>
</dt>

<dt class="pl1">
<h5><a href="zhaomuxiangqing.html"><button type="button" class="btn btn-danger">立即报价</button></a></h5>
<p style="color:#ccc;">已有两人报价</p>
</dt>

复制到htmls += "";的双引号中，代码会按照以下格式自动拼接合成。

                        htmls += "dl class="pl"><dt class="pl1"><h5>";
            htmls += name[i];
            htmls += "</h5>";
            ......
            ......

用的是webStorm，上面的拼接功能怎么设置和使用啊！！！！

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

在WebStorm中，你可以使用以下方法来快速地编辑和替换HTML文档中的文本：

1. 在浏览器的开发者工具中，打开“HTML”标签。
2. 选中你想要修改的元素，然后点击“编辑”按钮（小键盘上的I键）。
3. 在弹出的窗口中，你可以直接输入新的HTML代码或粘贴已有的代码。

对于你的问题，如果你想要将每个 <dt> 标签中的文本内容都插入到一个 dl 标签中，你可以这样做：

// 获取所有 dt 标签
const dtTags = document.querySelectorAll('dt');
// 创建一个空字符串用于存储结果
let htmls = '';

// 遍历 dt 标签并添加它们的内容到结果字符串
for (let i = 0; i < dtTags.length; i++) {
    const dtTag = dtTags[i];
    htmls += 'dl class="pl"><dt class="pl1"><h5>';
    htmls += dtTag.textContent;
    htmls += '</h5></dt></dl>';
}

// 将 HTML 结构保存为文件或将其插入到当前页面
document.body.innerHTML = htmls;

这个脚本会遍历所有的 <dt> 标签，并将它们的内容插入到一个 <dl> 标签中。注意，你需要确保已经启用了JavaScript才能执行这个脚本。