杩濊璇嶆娴?- MVP宸ュ叿闆?/title> <meta name="description" content="妫€娴嬫枃妗堜腑鐨勮繚瑙勮瘝鍜屾晱鎰熻瘝锛屾彁渚涙浛鎹㈠缓璁€傚湪绾垮伐鍏凤紝蹇€熶究鎹凤紝鍏嶈垂浣跨敤銆?> <meta name="keywords" content="杩濊璇?鏁忔劅璇?妫€娴?瀹℃牳,鍦ㄧ嚎宸ュ叿,MVP宸ュ叿闆?> <meta name="author" content="MVP宸ュ叿闆?> <meta name="robots" content="index, follow">  <link rel="canonical" href="https://tools.neohub.cc/tools/09-bad-words-checker/index.html">  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%231a1a1a'/%3E%3Ctext x='50' y='68' font-size='56' text-anchor='middle' fill='white' font-family='system-ui' font-weight='bold'%3EM%3C/text%3E%3C/svg%3E">  <meta property="og:title" content="杩濊璇嶆娴?- MVP宸ュ叿闆?> <meta property="og:description" content="妫€娴嬫枃妗堜腑鐨勮繚瑙勮瘝鍜屾晱鎰熻瘝锛屾彁渚涙浛鎹㈠缓璁?> <meta property="og:type" content="website"> <meta property="og:url" content="https://tools.neohub.cc/tools/09-bad-words-checker/index.html"> <meta property="og:site_name" content="MVP宸ュ叿闆?> <meta property="og:locale" content="zh_CN">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="杩濊璇嶆娴?- MVP宸ュ叿闆?> <meta name="twitter:description" content="妫€娴嬫枃妗堜腑鐨勮繚瑙勮瘝鍜屾晱鎰熻瘝锛屾彁渚涙浛鎹㈠缓璁?>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebApplication", "name": "杩濊璇嶆娴?- MVP宸ュ叿闆?, "url": "https://tools.neohub.cc/tools/09-bad-words-checker/index.html", "description": "妫€娴嬫枃妗堜腑鐨勮繚瑙勮瘝鍜屾晱鎰熻瘝锛屾彁渚涙浛鎹㈠缓璁?, "applicationCategory": "UtilityApplication", "operatingSystem": "Web", "inLanguage": "zh-CN", "author": { "@type": "Organization", "name": "MVP宸ュ叿闆? }, "offers": { "@type": "Offer", "price": "0", "priceCurrency": "CNY" } } </script>  <script src="https://cdn.tailwindcss.com"></script>  <link rel="stylesheet" href="../../assets/css/common.css">  </head> <body class="bg-gray-50 min-h-screen"> <div class="container mx-auto px-4 py-8 max-w-5xl"> <nav class="mb-6"> <a href="../../index.html" class="text-gray-600 hover:text-black transition inline-flex items-center gap-2"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> 杩斿洖棣栭〉 </a> </nav> <header class="mb-8"> <h1 class="text-3xl md:text-4xl font-bold mb-3 text-gray-900">杩濊璇嶆娴?/h1> <p class="text-gray-600 text-lg">妫€娴嬫枃妗堜腑鐨勮繚瑙勮瘝鍜屾晱鎰熻瘝锛屾彁渚涘垎绫绘爣娉ㄥ拰鏇挎崲寤鸿銆?/p> </header> <main>  <div id="backendWarning" class="card mb-6 border-l-4 border-yellow-400 bg-yellow-50 hidden"> <p class="text-sm text-yellow-800">鈿狅笍鍚庣鏈嶅姟鏈繛鎺ャ€傛湰宸ュ叿闇€瑕丳HP鍚庣鏀寔锛岃纭繚宸插惎鍔≒HP鏈嶅姟鍣ㄣ€傚綋鍓嶄娇鐢ㄥ墠绔湰鍦拌瘝搴撹繘琛屾娴嬨€?/p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">  <div class="card"> <div class="flex items-center justify-between mb-3"> <label class="text-sm font-medium text-gray-700">寰呮娴嬫枃妗?/label> <div class="flex gap-2"> <button onclick="loadExample()" class="text-sm text-blue-600 hover:underline">绀轰緥</button> <button onclick="clearAll()" class="text-sm text-gray-500 hover:text-gray-700">娓呯┖</button> </div> </div> <textarea id="input" class="input-field text-sm" rows="14" placeholder="绮樿创闇€瑕佹娴嬬殑鏂囨鍐呭..." oninput="debounceCheck()"></textarea> <div class="flex justify-end mt-3"> <button class="btn-primary" onclick="checkWords()">妫€娴嬭繚瑙勮瘝</button> </div> </div>  <div class="card"> <div class="flex items-center justify-between mb-3"> <label class="text-sm font-medium text-gray-700">妫€娴嬬粨鏋?/label> <button class="btn-secondary text-sm py-1 px-3" onclick="copyClean()" id="btnCopyClean" disabled>澶嶅埗娓呮礂鍚庢枃妗?/button> </div> <div id="result" class="text-sm" style="min-height:340px;"> <div class="text-center py-12 text-gray-400"> <svg class="w-12 h-12 mx-auto mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> <p>杈撳叆鏂囨鍚庣偣鍑绘娴?/p> </div> </div> </div> </div>  <div id="statsPanel" class="card mt-6 hidden"> <h3 class="text-sm font-medium text-gray-700 mb-4">妫€娴嬬粺璁?/h3> <div id="statsContent" class="flex flex-wrap gap-4"></div> </div> </main> <footer class="mt-12 text-center text-gray-500 text-sm"> <p>© 2026 MVP宸ュ叿闆?| 杩濊璇嶅簱浠呬緵鍙傝€冿紝涓嶆瀯鎴愭硶寰嬩緷鎹?/p> </footer> </div> <script src="../../assets/js/common.js"></script> <script src="../../config/frontend-config.js"></script> <script src="../../assets/js/api-client.js"></script> <style> .badge-category { display:inline-block; padding:2px 8px; border-radius:4px; font-size:12px; font-weight:500; margin-right:4px; } .badge-political { background:#fee2e2; color:#991b1b; } .badge-pornographic { background:#fce7f3; color:#9d174d; } .badge-violent { background:#ffedd5; color:#9a3412; } .badge-fraud { background:#fef9c3; color:#854d0e; } .badge-insult { background:#e0e7ff; color:#3730a3; } .highlight-bad { background:#fecaca; color:#991b1b; padding:1px 3px; border-radius:3px; font-weight:600; } </style> <script> // 鍓嶇澶囩敤璇嶅簱锛堝綋鍚庣涓嶅彲鐢ㄦ椂浣跨敤锛? const LOCAL_WORDS = { political: { name: '鏀挎不鏁忔劅', words: ['棰犺', '鍒嗚', '鍙嶅姩', '鏁屽鍔垮姏'] }, pornographic: { name: '鑹叉儏浣庝織', words: ['瑁歌亰', '鑹叉儏', '鎴愪汉瑙嗛', '绾︾偖'] }, violent: { name: '鏆村姏杩濇硶', words: ['鏉€浜?, '鐐稿脊鍒朵綔', '姣掑搧', '鏋敮涔板崠'] }, fraud: { name: '娆鸿瘓骞垮憡', words: ['浠ｅ紑鍙戠エ', '鍒峰崟鍏艰亴', '濂楃幇', '铏氬亣鐞嗚储'] }, insult: { name: '渚颈姝ц', words: ['鍔ｇ瓑姘戞棌', '鍦板煙姝ц'] } }; let lastCleanText = ''; let checkTimeout; function debounceCheck() { clearTimeout(checkTimeout); checkTimeout = setTimeout(() => {}, 300); } /** * 妫€娴嬭繚瑙勮瘝 */ async function checkWords() { const text = document.getElementById('input').value; if (!text.trim()) { showNotification('璇疯緭鍏ュ緟妫€娴嬫枃妗?, 'warning'); return; } try { const data = await window.MVPApi.checkBadWords(text); if (data.error && !data.categories) throw new Error(data.error); document.getElementById('backendWarning').classList.add('hidden'); renderResult(text, data.categories || {}, data.suggestions || [], data.highlighted || text, data.totalCount || 0); } catch (err) { // 闄嶇骇鍒板墠绔湰鍦版娴? document.getElementById('backendWarning').classList.remove('hidden'); const result = localCheck(text); renderResult(text, result.categories, result.suggestions, result.highlighted, result.totalCount); } } /** * 鍓嶇鏈湴妫€娴? */ function localCheck(text) { const categories = {}; const suggestions = []; let highlighted = text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>'); for (const [key, info] of Object.entries(LOCAL_WORDS)) { for (const word of info.words) { if (text.includes(word)) { if (!categories[key]) categories[key] = { name: info.name, words: [] }; categories[key].words.push(word); suggestions.push({ word, category: info.name, replacement: '*'.repeat(word.length) }); // 楂樹寒 const escaped = word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); highlighted = highlighted.replace(new RegExp(escaped, 'g'), `<span class="highlight-bad">${word}</span>`); } } } return { categories, suggestions, highlighted, totalCount: suggestions.length }; } /** * 娓叉煋妫€娴嬬粨鏋? */ function renderResult(originalText, categories, suggestions, highlighted, totalCount) { const resultDiv = document.getElementById('result'); const statsPanel = document.getElementById('statsPanel'); const statsContent = document.getElementById('statsContent'); if (totalCount === 0) { resultDiv.innerHTML = ` <div class="text-center py-12 text-green-600"> <svg class="w-12 h-12 mx-auto mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> <p class="font-medium">鉁?鏈娴嬪埌杩濊璇?/p> <p class="text-sm text-gray-500 mt-1">鏂囨鍐呭瀹夊叏</p> </div>`; statsPanel.classList.add('hidden'); document.getElementById('btnCopyClean').disabled = true; lastCleanText = originalText; return; } // 鐢熸垚娓呮礂鍚庢枃妗? lastCleanText = originalText; for (const sug of suggestions) { lastCleanText = lastCleanText.replaceAll(sug.word, sug.replacement); } document.getElementById('btnCopyClean').disabled = false; // 楂樹寒鏂囨湰 resultDiv.innerHTML = ` <div class="mb-4 p-3 bg-red-50 border border-red-200 rounded-lg"> <p class="text-red-700 font-medium">鈿狅笍妫€娴嬪埌 ${totalCount} 涓繚瑙勮瘝</p> </div> <div class="p-4 bg-gray-50 rounded-lg whitespace-pre-wrap leading-relaxed">${highlighted}</div> <div class="mt-4"> <h4 class="text-sm font-medium text-gray-700 mb-2">鏇挎崲寤鸿</h4> <div class="space-y-2"> ${suggestions.map(s => ` <div class="flex items-center gap-2 text-sm"> <span class="badge-category badge-${Object.keys(categories).find(k => categories[k]?.name === s.category) || 'fraud'}">${s.category}</span> <span class="text-red-600 line-through">${s.word}</span> <span class="text-gray-400">鈫?/span> <span class="text-green-600">${s.replacement}</span> </div> `).join('')} </div> </div>`; // 缁熻闈㈡澘 statsPanel.classList.remove('hidden'); statsContent.innerHTML = Object.entries(categories).map(([key, info]) => ` <div class="flex items-center gap-2 bg-white border rounded-lg px-4 py-2"> <span class="badge-category badge-${key}">${info.name}</span> <span class="font-semibold text-gray-700">${info.words.length}</span> <span class="text-gray-500 text-sm">涓?/span> </div> `).join(''); } function copyClean() { if (lastCleanText) copyToClipboard(lastCleanText); else showNotification('娌℃湁鍙鍒剁殑鍐呭', 'warning'); } function clearAll() { document.getElementById('input').value = ''; document.getElementById('result').innerHTML = ` <div class="text-center py-12 text-gray-400"> <svg class="w-12 h-12 mx-auto mb-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> <p>杈撳叆鏂囨鍚庣偣鍑绘娴?/p> </div>`; document.getElementById('statsPanel').classList.add('hidden'); document.getElementById('btnCopyClean').disabled = true; } function loadExample() { document.getElementById('input').value = `澶у濂斤紝浠婂ぉ缁欏ぇ瀹舵帹鑽愪竴涓埛鍗曞吋鑱岀殑濂介」鐩紒鍙渶瑕佸姩鍔ㄦ墜鎸囧氨鑳芥棩璧?00+锛屽畬鍏ㄩ浂闂ㄦ锛? 鍙﹀鎴戜滑鏈変唬寮€鍙戠エ鏈嶅姟锛岀◣鐜囪秴浣庯紝闇€瑕佸鐜扮殑鏈嬪弸涔熷彲浠ヨ仈绯绘垜銆? 娉ㄦ剰锛氫互涓婇兘鏄弽闈㈢ず渚嬶紒璇峰嬁鐩镐俊浠讳綍鍒峰崟鍏艰亴鍜屼唬寮€鍙戠エ淇℃伅锛岃繖浜涢兘鏄繚娉曠殑锛乣; checkWords(); } </script> </body> </html>