Add sample data buttons for new tools

Author: chao5go

tools/base36-decode/app.html

@@ -196,6 +196,7 @@ <h1>Base36 解码</h1>
                 <button class="btn" id="decode">开始解码</button>
                 <button class="btn btn-secondary" id="copy">复制结果</button>
                 <button class="btn btn-secondary" id="clear">清空</button>
+            <button class="btn btn-secondary" id="sample">加载示例</button>
             </div>
             <div class="status" id="status">等待输入</div>
             <div class="output-box">
@@ -252,7 +253,10 @@ <h1>Base36 解码</h1>
             output.value = '';
             setStatus('等待输入');
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '21i3v9';
+            decodeBase36();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/base36-encode/app.html

@@ -196,6 +196,7 @@ <h1>Base36 编码</h1>
                 <button class="btn" id="encode">开始编码</button>
                 <button class="btn btn-secondary" id="copy">复制结果</button>
                 <button class="btn btn-secondary" id="clear">清空</button>
+            <button class="btn btn-secondary" id="sample">加载示例</button>
             </div>
             <div class="status" id="status">等待输入</div>
             <div class="output-box">
@@ -242,7 +243,10 @@ <h1>Base36 编码</h1>
             output.value = '';
             setStatus('等待输入');
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '123456789';
+            encodeBase36();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/bytes-converter/app.html

@@ -212,6 +212,7 @@ <h1>字节大小转换器</h1>
                 </div>
                 <div class="actions">
                     <button class="btn" id="convert">开始换算</button>
+                    <button class="btn btn-secondary" id="sample">加载示例</button>
                 </div>
             </div>
             <div class="result-grid" id="results">
@@ -244,7 +245,12 @@ <h1>字节大小转换器</h1>
 
         document.getElementById('convert').addEventListener('click', convertBytes);
         convertBytes();
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            valueInput.value = '1.5';
+            unitSelect.value = 'GB';
+            baseSelect.value = '1024';
+            convertBytes();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/emoji-remover/app.html

@@ -196,6 +196,7 @@ <h1>Emoji 清理器</h1>
                 <button class="btn" id="remove">开始清理</button>
                 <button class="btn btn-secondary" id="copy">复制结果</button>
                 <button class="btn btn-secondary" id="clear">清空</button>
+                <button class="btn btn-secondary" id="sample">加载示例</button>
             </div>
             <div class="meta">移除数量：<span id="count">0</span></div>
             <div class="output-box">
@@ -234,7 +235,10 @@ <h1>Emoji 清理器</h1>
             output.value = '';
             count.textContent = '0';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '好评👍👍，谢谢你的支持😊！';
+            removeEmoji();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/jsonl-converter/app.html

@@ -205,6 +205,7 @@ <h1>JSONL 转换器</h1>
                     <button class="btn" id="convert">开始转换</button>
                     <button class="btn btn-secondary" id="copy">复制结果</button>
                     <button class="btn btn-secondary" id="clear">清空</button>
+                    <button class="btn btn-secondary" id="sample">加载示例</button>
                 </div>
             </div>
             <div class="status" id="status">等待输入</div>
@@ -263,7 +264,15 @@ <h1>JSONL 转换器</h1>
             output.value = '';
             setStatus('等待输入');
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '[
+  {"name": "Alice", "score": 92},
+  {"name": "Bob", "score": 87}
+]';
+            mode.value = 'json-to-jsonl';
+            pretty.checked = true;
+            convert();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/markdown-table-generator/app.html

@@ -211,6 +211,7 @@ <h1>Markdown 表格生成器</h1>
                     <button class="btn" id="generate">生成表格</button>
                     <button class="btn btn-secondary" id="copy">复制结果</button>
                     <button class="btn btn-secondary" id="clear">清空</button>
+                <button class="btn btn-secondary" id="sample">加载示例</button>
                 </div>
             </div>
             <div class="output-box">
@@ -277,7 +278,16 @@ <h1>Markdown 表格生成器</h1>
             input.value = '';
             output.value = '';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '名称,价格,库存
+苹果,3,120
+香蕉,2,90
+橙子,4,60';
+            delimiterSelect.value = 'comma';
+            customDelimiter.value = '';
+            hasHeader.checked = true;
+            generateTable();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/text-indenter/app.html

@@ -208,6 +208,7 @@ <h1>文本缩进工具</h1>
                     <button class="btn" id="apply">开始处理</button>
                     <button class="btn btn-secondary" id="copy">复制结果</button>
                     <button class="btn btn-secondary" id="clear">清空</button>
+                    <button class="btn btn-secondary" id="sample">加载示例</button>
                 </div>
             </div>
             <div class="output-box">
@@ -250,7 +251,14 @@ <h1>文本缩进工具</h1>
             input.value = '';
             output.value = '';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = 'function greet(name) {
+console.log(`Hello, ${name}`);
+}';
+            mode.value = 'indent';
+            spaces.value = '4';
+            indentText();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/text-joiner/app.html

@@ -214,6 +214,7 @@ <h1>文本合并器</h1>
                         <button class="btn" id="join">开始合并</button>
                         <button class="btn btn-secondary" id="copy">复制结果</button>
                         <button class="btn btn-secondary" id="clear">清空</button>
+                        <button class="btn btn-secondary" id="sample">加载示例</button>
                     </div>
                     <div class="meta">共 <span id="count">0</span> 项</div>
                 </div>
@@ -274,7 +275,17 @@ <h1>文本合并器</h1>
             output.value = '';
             count.textContent = '0';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = 'apple
+banana
+orange
+kiwi';
+            delimiterSelect.value = 'comma-space';
+            customDelimiter.value = '';
+            trimToggle.checked = true;
+            skipEmptyToggle.checked = true;
+            joinText();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/text-splitter/app.html

@@ -213,6 +213,7 @@ <h1>文本分割器</h1>
                         <button class="btn" id="split">开始拆分</button>
                         <button class="btn btn-secondary" id="copy">复制结果</button>
                         <button class="btn btn-secondary" id="clear">清空</button>
+                        <button class="btn btn-secondary" id="sample">加载示例</button>
                     </div>
                     <div class="meta">共 <span id="count">0</span> 项</div>
                 </div>
@@ -273,7 +274,14 @@ <h1>文本分割器</h1>
             output.value = '';
             count.textContent = '0';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '苹果, 香蕉, 梨, 西瓜';
+            delimiterSelect.value = 'comma';
+            customDelimiter.value = '';
+            trimToggle.checked = true;
+            skipEmptyToggle.checked = true;
+            splitText();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>

tools/text-wrapper/app.html

@@ -202,6 +202,7 @@ <h1>文本换行器</h1>
                     <button class="btn" id="wrap">开始换行</button>
                     <button class="btn btn-secondary" id="copy">复制结果</button>
                     <button class="btn btn-secondary" id="clear">清空</button>
+                    <button class="btn btn-secondary" id="sample">加载示例</button>
                 </div>
             </div>
             <div class="output-box">
@@ -267,7 +268,12 @@ <h1>文本换行器</h1>
             input.value = '';
             output.value = '';
         });
-        
+        document.getElementById('sample').addEventListener('click', () => {
+            input.value = '这是一段需要自动换行的示例文本，用于演示如何按照固定宽度拆分段落内容。';
+            widthInput.value = '40';
+            breakWords.checked = false;
+            wrapText();
+        });
     </script>
     <script src="/assets/clicks.js" defer></script>
 </body>