自定义生存难度等级生成工具

本工具作者为 Afulai2333。

如何使用？

不是，这还要我讲？

好吧，我要讲的就是：颜色一栏用 16 进制颜色代码。这个小工具可以帮你更好地确定颜色。还有，图片填链接。图片制作可以参见主站的这个页面。

工具

+ 展开工具代码

<div style="display: flex; flex-direction: column; align-items: center;">
 <select id="language" style="margin-bottom: 5px;">
   <option>简体中文</option>
   <option>繁體中文</option>
 </select>
 <input type="text" id="level" placeholder="等级" style="margin-bottom: 5px;">
 <input type="text" id="color" placeholder="颜色" style="margin-bottom: 5px;">
 <input type="text" id="image" placeholder="图片" style="margin-bottom: 5px;">
 <input type="text" id="desc1" placeholder="描述 1" style="margin-bottom: 5px;">
 <input type="text" id="desc2" placeholder="描述 2" style="margin-bottom: 5px;">
 <input type="text" id="desc3" placeholder="描述 3" style="margin-bottom: 5px;">
 <button onclick="generateCode()" style="margin-bottom: 5px;">生成！</button>
 <button onclick="copyCode()" style="margin-bottom: 5px;">复制！</button>
 <textarea id="generated-code" rows="12" cols="35"></textarea>
</div>
 
<script>
  function generateCode() {
    const lang = document.getElementById('language').value === '简体中文' ? 'cn' : 'tr';
    const code = `[[include :backrooms-split-library:component:level-class
|lang=${lang}
|class=${document.getElementById('level').value}
|color=${document.getElementById('color').value}
|image=${document.getElementById('image').value}
|one=${document.getElementById('desc1').value}
|two=${document.getElementById('desc2').value}
|three=${document.getElementById('desc3').value}
]]`;
    document.getElementById('generated-code').value = code;
  }
 
  function copyCode() {
    const codeTextArea = document.getElementById('generated-code');
    codeTextArea.select();
    document.execCommand('copy');
  }
</script>

如果没看到，请在讨论区提出或私信我。