命名格式转换�?/h1>
免费在线命名格式转换工具，支持驼峰命名、帕斯卡命名、下划线、中横线等多种格式，一键复制转换结果，适用于编程和文件命名�?/p>

📝 原文

请输入英文词组：

提示：工具会自动过滤原文非字母数字字符为空格后进行转换�?/p>
                </div>
            </div>

<div class="output-section">
                <h2 class="section-title"><i>🔄</i> 转换结果</h2>
                <div class="result-grid" id="resultContainer">
                    
                </div>
            </div>
        </div>

<div class="tool-intro">
            <h3>💡 工具介绍</h3>
            <p><span class="feature-tag">免费</span><span class="feature-tag">在线</span><span class="feature-tag">实时转换</span><span class="feature-tag">一键复�?/span></p>
            <p>
                本工具可将英文词组转换为多种编程和文件系统中常用的命名格式。所有转换过程均在您的浏览器中实时完成，无需上传任何数据，确保您的隐私安全�?/p>
            <ul>
                <li><strong>驼峰命名�?(camelCase)</strong>：第一个单词首字母小写，后续单词首字母大写，如：helloWorld</li>
                <li><strong>帕斯卡命名法 (PascalCase)</strong>：每个单词首字母大写，如：HelloWorld</li>
                <li><strong>下划�?小写字母 (snake_case)</strong>：单词间用下划线连接，全部小写，如：hello_world</li>
                <li><strong>下划�?大写字母 (SCREAMING_SNAKE_CASE)</strong>：单词间用下划线连接，全部大写，如：HELLO_WORLD</li>
                <li><strong>包名格式 (Package.Case)</strong>：单词间用点号连接，每个单词首字母大写，如：Hello.World</li>
                <li><strong>中横�?小写字母 (kebab-case)</strong>：单词间用中横线连接，全部小写，如：hello-world</li>
            </ul>
            <p>无需安装任何软件，无需注册，完全免费使用！</p>
        </div>
    </div>
</main>

<footer>
    <div class="container footer-container">
        <p class="footer-text">Copyright © 2026 万灵工具 版权所�?/p>
        
        <a href="/" class="footer-link">�?更多工具</a>
    </div>
</footer>

languageToggle.addEventListener('click', function() {
        languageMenu.classList.toggle('show');
        this.classList.toggle('open');
    });

// 点击页面其他地方关闭语言下拉菜单
    document.addEventListener('click', function(e) {
        if (!languageToggle.contains(e.target) && !languageMenu.contains(e.target)) {
            languageMenu.classList.remove('show');
            languageToggle.classList.remove('open');
        }
    });

// 命名转换器核心逻辑
    document.addEventListener('DOMContentLoaded', function() {
        const inputText = document.getElementById('inputText');
        const resultContainer = document.getElementById('resultContainer');
        
        // 定义要生成的命名格式类型
        const formats = [
            { id: 'camel', label: '驼峰命名�?, description: 'camelCase' },
            { id: 'pascal', label: '帕斯卡命名法', description: 'PascalCase' },
            { id: 'snake', label: '下划�?小写字母', description: 'snake_case' },
            { id: 'screamingSnake', label: '下划�?大写字母', description: 'SCREAMING_SNAKE_CASE' },
            { id: 'package', label: '包名', description: 'Package.Case' },
            { id: 'kebab', label: '中横�?小写字母', description: 'kebab-case' }
        ];
        
        // 初始化结果容�?        function initializeResultContainer() {
            resultContainer.innerHTML = '';
            
            formats.forEach(format => {
                const resultItem = document.createElement('div');
                resultItem.className = 'result-item';
                resultItem.innerHTML = `
                    <div class="result-label">${format.label} <small>(${format.description})</small></div>
                    <div class="result-box" data-format="${format.id}">
                        <div class="result-text" id="result-${format.id}">-</div>
                        <button class="copy-btn" data-target="result-${format.id}" title="点击复制">📋</button>
                    </div>
                `;
                resultContainer.appendChild(resultItem);
            });
            
            // 为所有复制按钮添加事件监�?            document.querySelectorAll('.copy-btn').forEach(btn => {
                btn.addEventListener('click', function(e) {
                    e.stopPropagation();
                    copyToClipboard(this);
                });
            });
        }
        
        // 文本转换逻辑
        function convertText(text) {
            // 1. 过滤非字母数字字符为空格
            let cleanedText = text.replace(/[^a-zA-Z0-9]/g, ' ');
            
            // 2. 去除多余空格并分割为单词数组
            let words = cleanedText.trim().split(/\s+/).filter(word => word.length > 0);
            
            if (words.length === 0) {
                return {
                    camel: '',
                    pascal: '',
                    snake: '',
                    screamingSnake: '',
                    package: '',
                    kebab: ''
                };
            }
            
            // 3. 转换逻辑
            // 小写单词数组（用于某些格式）
            const lowerWords = words.map(word => word.toLowerCase());
            // 首字母大写单词数�?            const capitalizedWords = words.map(word => 
                word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()
            );
            
            // 驼峰命名 (camelCase)
            let camelCase = lowerWords[0];
            for (let i = 1; i < capitalizedWords.length; i++) {
                camelCase += capitalizedWords[i];
            }
            
            // 帕斯卡命�?(PascalCase)
            let pascalCase = capitalizedWords.join('');
            
            // 下划�?小写 (snake_case)
            let snakeCase = lowerWords.join('_');
            
            // 下划�?大写 (SCREAMING_SNAKE_CASE)
            let screamingSnakeCase = words.map(word => word.toUpperCase()).join('_');
            
            // 包名格式 (Package.Case)
            let packageCase = capitalizedWords.join('.');
            
            // 中横�?小写 (kebab-case)
            let kebabCase = lowerWords.join('-');
            
            return {
                camel: camelCase,
                pascal: pascalCase,
                snake: snakeCase,
                screamingSnake: screamingSnakeCase,
                package: packageCase,
                kebab: kebabCase
            };
        }
        
        // 更新结果显示
        function updateResults() {
            const text = inputText.value.trim();
            const results = convertText(text);
            
            // 更新每个格式的结�?            formats.forEach(format => {
                const resultElement = document.getElementById(`result-${format.id}`);
                if (resultElement) {
                    resultElement.textContent = results[format.id] || '-';
                    
                    // 更新父容器的标题属性（用于悬停显示完整内容�?                    const resultBox = resultElement.closest('.result-box');
                    if (resultBox) {
                        resultBox.title = results[format.id] || '';
                    }
                }
            });
        }
        
        // 复制到剪贴板功能
        function copyToClipboard(button) {
            const targetId = button.getAttribute('data-target');
            const textElement = document.getElementById(targetId);
            
            if (!textElement || textElement.textContent === '-') {
                return;
            }
            
            const textToCopy = textElement.textContent;
            
            // 使用现代剪贴板API
            navigator.clipboard.writeText(textToCopy).then(() => {
                // 显示复制成功反馈
                const originalText = button.textContent;
                button.textContent = '�?;
                button.classList.add('copied');
                
                setTimeout(() => {
                    button.textContent = originalText;
                    button.classList.remove('copied');
                }, 1500);
            }).catch(err => {
                console.error('复制失败: ', err);
                // 降级方案：使用传统的document.execCommand
                const textArea = document.createElement('textarea');
                textArea.value = textToCopy;
                document.body.appendChild(textArea);
                textArea.select();
                document.execCommand('copy');
                document.body.removeChild(textArea);
                
                // 显示复制成功反馈
                const originalText = button.textContent;
                button.textContent = '�?;
                button.classList.add('copied');
                
                setTimeout(() => {
                    button.textContent = originalText;
                    button.classList.remove('copied');
                }, 1500);
            });
        }
        
        // 点击结果框也可复�?        resultContainer.addEventListener('click', function(e) {
            const resultBox = e.target.closest('.result-box');
            if (resultBox && !e.target.classList.contains('copy-btn')) {
                const copyBtn = resultBox.querySelector('.copy-btn');
                if (copyBtn) {
                    copyToClipboard(copyBtn);
                }
            }
        });
        
        // 输入事件监听
        inputText.addEventListener('input', updateResults);
        
        // 初始�?        initializeResultContainer();
        updateResults(); // 初始转换示例文本
    });
</script>
</body>
</html>

命名格式转换�?/h1> 免费在线命名格式转换工具，支持驼峰命名、帕斯卡命名、下划线、中横线等多种格式，一键复制转换结果，适用于编程和文件命名�?/p>

📝 原文

命名格式转换�?/h1>
免费在线命名格式转换工具，支持驼峰命名、帕斯卡命名、下划线、中横线等多种格式，一键复制转换结果，适用于编程和文件命名�?/p>