/* ENC-GLOSSARY-JS v1 START */ ;(function(){ if (window.__encGloss) return; window.__encGloss = 1; var P = location.pathname || ''; if (P.indexOf('/encyclopedia') === 0) return; // 유디사전 페이지 자체 제외 function ready(fn){ if(document.readyState!=='loading'){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } function esc(x){ return String(x).replace(/&/g,'&').replace(//g,'>'); } var tip, toast; ready(function(){ fetch('/api/board?type=board&groupSlug=udh-dict') .then(function(r){ return r.json(); }) .then(function(posts){ if(!Array.isArray(posts) || !posts.length) return; var terms = posts.map(function(p){ var m = String(p.title||'').match(/^\s*\[([^\]]+)\]\s*(.+)$/); var name = m ? m[2].trim() : String(p.title||'').trim(); var d = document.createElement('div'); d.innerHTML = String(p.content||''); var raw = (d.textContent || '') .replace(/\[\[([^\]]+)\]\]/g,'$1') .replace(/\[\*[^\]]*\]/g,'') .replace(/\s+/g,' ') .replace(/^개요\s*/,'') .trim(); if(raw.length > 140) raw = raw.slice(0,140) + '…'; var alias = name.replace(/\s*[$（][^$）]*[\)）]\s*/g,'').trim(); return { id:p.id, name:name, alias:(alias && alias!==name && alias.length>=2)?alias:null, sum:raw }; }).filter(function(t){ return t.name && t.name.length>=2; }); terms.sort(function(a,b){ return b.name.length - a.name.length; }); var SKIP = {A:1,BUTTON:1,SCRIPT:1,STYLE:1,NOSCRIPT:1,TEXTAREA:1,INPUT:1,SELECT:1,CODE:1,PRE:1,H1:1,H2:1,H3:1,H4:1,H5:1,H6:1,NAV:1,HEADER:1,FOOTER:1}; function excluded(node){ var el = node.parentElement; while(el && el !== document.body){ if(SKIP[el.tagName]) return true; if(el.classList && (el.classList.contains('glosst') || el.classList.contains('enc-gloss-ui'))) return true; if(el.getAttribute && el.getAttribute('data-global-snippet')) return true; if(el.isContentEditable) return true; el = el.parentElement; } return false; } var active = terms.slice(), usedCount = 0; var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null); var nodes = [], nn; while((nn = walker.nextNode())){ if(!nn.nodeValue || !nn.nodeValue.trim()) continue; if(excluded(nn)) continue; nodes.push(nn); } for(var i=0; i= 0){ idx = ia; useStr = t.alias; } } if(idx >= 0 && (best < 0 || idx < best)){ best = idx; bestT = t; bestStr = useStr; } } if(best < 0) continue; var before = txt.slice(0, best); var after = txt.slice(best + bestStr.length); var span = document.createElement('span'); span.className = 'glosst'; span.textContent = bestStr; span.setAttribute('data-eid', bestT.id); span.setAttribute('data-ename', bestT.name); span.setAttribute('tabindex','0'); span.setAttribute('role','button'); span.setAttribute('aria-label', bestT.name + ' 용어 설명 보기'); span.__sum = bestT.sum; var parent = node.parentNode; parent.insertBefore(document.createTextNode(before), node); parent.insertBefore(span, node); node.nodeValue = after; active = active.filter(function(x){ return x.id !== bestT.id; }); usedCount++; i--; } if(usedCount > 0) buildUI(); }) .catch(function(){}); }); function termOf(e){ var t = e.target; return (t && t.classList && t.classList.contains('glosst')) ? t : null; } function buildUI(){ tip = document.createElement('div'); tip.className = 'enc-gloss-ui enc-tip'; tip.style.display = 'none'; document.body.appendChild(tip); toast = document.createElement('div'); toast.className = 'enc-gloss-ui enc-toast'; toast.style.display = 'none'; document.body.appendChild(toast); document.addEventListener('mouseover', function(e){ var s=termOf(e); if(s) showTip(s); }, true); document.addEventListener('mouseout', function(e){ if(termOf(e)) tip.style.display='none'; }, true); document.addEventListener('focusin', function(e){ var s=termOf(e); if(s) showTip(s); }, true); document.addEventListener('focusout', function(e){ if(termOf(e)) tip.style.display='none'; }, true); document.addEventListener('click', function(e){ var s=termOf(e); if(s){ e.preventDefault(); openToast(s); } }, true); document.addEventListener('keydown', function(e){ var s = termOf(e); if(s && (e.key==='Enter' || e.key===' ')){ e.preventDefault(); openToast(s); } }, true); window.addEventListener('scroll', function(){ if(tip) tip.style.display='none'; }, true); } function showTip(s){ tip.innerHTML = ''+esc(s.getAttribute('data-ename'))+''+esc(s.__sum||'')+'클릭하면 자세히 안내'; tip.style.display = 'block'; var r = s.getBoundingClientRect(); var tw = tip.offsetWidth, th = tip.offsetHeight; var left = Math.min(Math.max(8, r.left), window.innerWidth - tw - 8); var top = r.top - th - 10; if(top < 8) top = r.bottom + 10; tip.style.left = left + 'px'; tip.style.top = top + 'px'; } function openToast(s){ if(tip) tip.style.display = 'none'; var id = s.getAttribute('data-eid'); var name = s.getAttribute('data-ename'); toast.innerHTML = '

' + '

'+esc(name)+'

'+esc(s.__sum||'')+'

' + '

' + '유디사전에서 자세히 보기' + '' + '

'; toast.style.display = 'block'; requestAnimationFrame(function(){ toast.classList.add('on'); }); var x = toast.querySelector('.enc-toast-x'); if(x) x.onclick = function(){ toast.classList.remove('on'); setTimeout(function(){ toast.style.display='none'; }, 250); }; } })(); /* ENC-GLOSSARY-JS v1 END */

이미지게시판