Excel 使用 SUBSTITUTE 公式批量替换多个关键词，实现 Html 增加 Tags 选项卡

最近折腾 stable siffusion 提示词，为了更好的整理 tag，使用了由 Wolf Chen GitHub 开源分享的：NovelAI tag 生成器 V2.1，可以下载保存：

https://github.com/WolfChen1996/NovelAI-tag-generator

也可以使用线上版：

默认的加权标签是 NovelAI/Naifu 的 { }，如果你使用 Stable Diffusion，可以点击切换成 [ ]

当然，整理 tag 还是十分辛苦的，每个人都有自己的一些习惯 tags，怎么添加想要的 tag 到自己本地的 NovelAI tag 生成器 V2.1 里呢？

html 编辑部分

用编辑器打开 index.html 文件后不难发现标签是顺序排列，为了能够简单添加，就直接在代码内找到<div class="layui-tab layui-tab-card"> 在<li>R18</li> 后添加我们想要增加的标签，

例如：<li> 姿势</li>

<div class="layui-tab layui-tab-card">
  <ul class="layui-tab-title">
    <li> 常用</li>
    <li class="layui-this"> 环境</li>
    <li> 风格</li>
    <li> 人物&amp;角色</li>
    <li> 头发&amp;发饰</li>
    <li> 五官&amp;表情</li>
    <li> 眼睛</li>
    <li> 身体</li>
    <li> 服装</li>
    <li> 袜子&amp;腿饰</li>
    <li> 鞋</li>
    <li> 装饰</li>
    <li> 动作</li>
    <li>R18</li>
    <li> 姿势</li>
  </ul>

然后代码中找到

<div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">blood</span><span class="chinese"> 血</span></div></div></form>
<br><br><br><br><br></div>

并在其后折行，将代码粘贴进去

<div class="layui-tab-item">
    <p> 姿势</p>
    <form class="layui-form">
      <div class="tagbutton" id="posture1"><div class="minus" style="display: none;">-</div><div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">kneeling</span><span class="chinese"> 跪</span></div></div>
      <div class="tagbutton" id="posture2"><div class="minus" style="display: none;">-</div><div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">one knee</span><span class="chinese"> 单膝</
     </form>
<br><br><br><br><br>
</div>

这样便增加了一个新标签。接下来就是增加 tags 选项卡的环节了。

tags 选项卡代码：

<div class="tagbutton" id="simple1"><div class="minus" style="display: none;">-</div><div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">+++</span><span class="chinese">---</span></div></div>

代码内 id="simple1" 如果你的 tags 系列是 focus 系列，那你可以将 simple 更改为 focus，后面的数字别忘了。代码内的+++和+++，是为了在 excel 中替换的时候方便区别。

例如：

<div class="tagbutton" id="focus-tags1"><div class="minus" style="display: none;">-</div><div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">eye focus</span><span class="chinese"> 目光的焦点</span></div></div>

html 的基本操作算是结束了，接下来就是使用 excel 的 SUBSTITUTE 公式批量替换多个关键词，生成大量 tags 选项卡。

Excel 操作部分

新建一个 excel 表格，在 A 列填入你需要的 tags，在 B 列填入对应的中文，将 tags 选项卡代码（记得修改 id="simple1"）拷贝到 C 列。

<div class="tagbutton" id="simple1"><div class="minus" style="display: none;">-</div><div class="plus" style="display: none;">+</div><div class="buttext"><span class="english">+++</span><span class="chinese">---</span></div></div>

然后再 D 列输入公式：

=SUBSTITUTE(SUBSTITUTE(C1,"+++",A1), "---",B1)

选中 C 列、D 列同时往下拉，应用公式，成功批量生成 tags 选项卡代码。

然后返回 html 文件，将 D 列生成的代码，复制粘贴到对应的 “姿势” 选项卡<form></form> 里，保存，刷新页面就可以看到新添加的标签页和 tag 选项卡了。

补充：

# 因为 html 代码标签页是自然顺序排列，如果你换了标签页顺序，对应的 tag 选项卡依然还是在原位置，会给使用带来混乱，所以增加标签页选择末位添加。

# 在已有的标签页内添加新的 tag 选项卡，则将替换好的 tags 选项卡代码插入已有的选项卡<form></form> 里即可。