/* ============================================================================ * 완료 페이지 URL 카운터 suffix * * 요구사항: 폼 제출 완료 누적 횟수를 완료 페이지 경로 뒤에 '-숫자'로 표기. * 카운터는 폼별로 별개로 누적된다: * - 제품소개서(/pricing-download) → /pricing-download/complete{N}-{횟수} * - 구매 문의(/contact-for-buy) → /contact-for-buy/complete-{횟수} * - 체험판 신청(/apply_trial) → /apply_trial/complete-{횟수} * * '-숫자' 가 붙은 경로는 실제 페이지로 존재하지 않으므로(직접 접근 시 404), * Salesforce retURL 은 실제 페이지로 받고, 로드 직후 history.replaceState 로 * 주소만 '-{횟수}' 형태로 바꾼다. 누적 횟수는 방문자 브라우저 기준(localStorage), * 제출 시점에 증가시키고 sessionStorage 마커로 "방금 제출됨"을 표시해 * 직접 방문/뒤로가기에는 suffix 가 붙지 않게 한다. * * ⚠ 반드시 GTM 로더보다 먼저 실행 — page_view 가 suffix 붙은 경로로 기록되게. * ========================================================================== */ (function () { var isComplete = /^\/pricing-download\/complete\d+$/.test(location.pathname) || /^\/contact-for-buy\/complete$/.test(location.pathname) || /^\/apply_trial\/complete$/.test(location.pathname); if (!isComplete) return; try { var pending = sessionStorage.getItem('namo_complete_pending'); if (!pending) return; sessionStorage.removeItem('namo_complete_pending'); history.replaceState(null, '', location.pathname + '-' + pending + location.search + location.hash); } catch (e) {} })(); /* ============================================================================ * Google Tag Manager (GTM-M2TVHQR) — site-wide loader * Equivalent of the standard snippet; Site JS runs on every page. * The noscript fallback iframe lives in each page's body HTML. * ========================================================================== */ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M2TVHQR'); /* ===================== End Google Tag Manager ============================= */ /* ============================================================================ * 제품소개서 버튼 링크 교체 — 제품 요약 4개 페이지 한정 * * 대상 페이지의 sub_visual '제품소개서' 버튼은 마이그레이션 원본의 * /pricing-download/form/type/N (제품별 신청 폼) 으로 연결되어 있다. * 이를 빌더의 /pricing-download 페이지로 보낸다. * ========================================================================== */ (function () { var TARGET_PATHS = { '/crosseditor-summary': 1, '/crossviewer-summary': 1, '/activesquare-summary': 1, '/crossuploader-summary': 1 }; var FORM_LINK = /\/pricing-download\/form(\/|$)/; function onTargetPage() { return !!TARGET_PATHS[location.pathname.replace(/\/+$/, '') || '/']; } function rewriteLinks() { if (!onTargetPage()) return; var links = document.querySelectorAll('a[href*="pricing-download/form"]'); for (var i = 0; i < links.length; i++) { links[i].setAttribute('href', '/pricing-download'); links[i].removeAttribute('target'); } } function startRewrite() { rewriteLinks(); if (typeof MutationObserver !== 'undefined' && document.body) { new MutationObserver(rewriteLinks) .observe(document.body, { childList: true, subtree: true }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startRewrite); } else { startRewrite(); } // 안전망: 재작성 전에 클릭되더라도 /pricing-download 로 보낸다. document.addEventListener('click', function (e) { if (!onTargetPage()) return; var a = e.target && e.target.closest ? e.target.closest('a[href]') : null; if (!a) return; if (FORM_LINK.test(a.getAttribute('href') || '')) { e.preventDefault(); e.stopImmediatePropagation(); window.location.href = '/pricing-download'; } }, true); })(); /* ============================================================================ * 폼 → Salesforce Web-to-Lead 공통 처리 * * 배경: 폼들이 원본 서버(www.namoeditor.co.kr/.../form_)로 제출되지만 * reCAPTCHA v3 사이트 키가 namoeditor.co.kr 에만 등록되어 있어 이 도메인에서는 * 토큰 발급이 실패한다("browser-error"). 원본 제출은 구조적으로 성공할 수 없다. * * 가로채기 3중 방어 — 레거시 form.js 가 어떤 경로로 제출하든 모두 차단: * (a) 제출 버튼 click 캡처 핸들러 * (b) submit 이벤트 캡처 핸들러 (Enter 제출 / jQuery .submit() 트리거) * (c) form.submit() 인스턴스 메서드 교체 (네이티브 submit() 직접 호출 대응) * + 폼 action 을 origin form_ 에서 제거해 최후의 네이티브 제출도 무력화. * * 대상 폼 (완료 카운터는 폼별 별개): * 1) /pricing-download 제품소개서 → lead_source '홈페이지_제품소개서' * 완료: /pricing-download/complete{1|6|2|3}-{횟수} * 추가: 제출 직전 구글시트(Apps Script 웹앱)로 리드 선전송 (리드소스 '제품소개서') * 2) /contact-for-buy 구매 문의 → lead_source '홈페이지_상담' * 완료: /contact-for-buy/complete-{횟수} * 추가: 제출 직전 구글시트(Apps Script 웹앱)로 리드 선전송 (리드소스 '구매문의'), * 용도(00N2u000000vpvR), 사용자 수(00N2v00000PoQyY), 설명(description) * 3) /apply_trial 체험판 신청 → lead_source '홈페이지_무료체험' * 완료: /apply_trial/complete-{횟수} * 추가: 제출 직전 구글시트(Apps Script 웹앱)로 리드 선전송 (리드소스 '체험하기'), * 용도(00N2u000000vpvR ← purpose 라벨), * 설치환경(00N2u000000vqv8 ← server/was/language/charset/ipurl 조합), * 설명(description ← contents) * * 공통 매핑: * last_name ← name / email ← email / company ← company / phone ← tel * 00N2v00000TZlur(부서) ← department / title(직급) ← rank * 00N2v00000OjssW(관심제품) ← 제품 선택 라벨 (item_name) * 00N2u000000iST4(리드 유입 홈페이지) ← '나모에디터 홈페이지' (정적) * 00N2v00000TXWbX(마케팅 수신동의) ← agree2 체크 → 동의 / 미체크 → 거부 * ========================================================================== */ (function () { var SF_URL = 'https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&orgId=00D2v000001vvGd'; var SF_OID = '00D2v000001vvGd'; // 리드 구글시트 수집용 Apps Script 웹앱 (전 폼 공용 스프레드시트) var GS_WEBAPP_URL = 'https://script.google.com/macros/s/AKfycbzpjLehjrX6dkctoBDFdQFm2rYP7ayGloB555y71c0jpQHo5djyd51sXyceB_RR4EIGZg/exec'; // 폼별 웹앱 URL 오버라이드 — 제품소개서·구매문의·체험판은 '시트기록 + 오피스챗(오피스웨이브) 알림' // 통합 신규 웹앱(하나)으로 전송. (여기 없는 폼은 위 GS_WEBAPP_URL 로 전송) var GS_WEBAPP_URLS = { '/pricing-download': 'https://script.google.com/macros/s/AKfycbyT7KZvEhkjKh8tfrWrUoC-l9W-rTAld-0AYOADvlSuMLjtqvl-Uc_7AHC20wnp_aA3Kw/exec', '/contact-for-buy': 'https://script.google.com/macros/s/AKfycbyT7KZvEhkjKh8tfrWrUoC-l9W-rTAld-0AYOADvlSuMLjtqvl-Uc_7AHC20wnp_aA3Kw/exec', '/apply_trial': 'https://script.google.com/macros/s/AKfycbyT7KZvEhkjKh8tfrWrUoC-l9W-rTAld-0AYOADvlSuMLjtqvl-Uc_7AHC20wnp_aA3Kw/exec' }; // 폼별 구글시트 리드소스 값 (여기 등록된 폼만 시트로 전송) var GS_LEAD_SOURCES = { '/pricing-download': '제품소개서', '/apply_trial': '체험하기', '/contact-for-buy': '구매문의' }; var PRODUCT_NAMES = { '1': '나모 크로스에디터', '6': '나모 크로스뷰어', '2': '나모 액티브스퀘어', '3': '나모 크로스업로더', '4': '나모 크로스에디터 워드프레스 플러그인' }; var PURPOSE_NAMES = { '1': '그룹웨어', '2': 'KMS', '3': 'CMS', '4': '홈페이지', '5': '워드프레스 플러그인', '6': '기타' }; // 체험판 신청 폼의 설치 환경 선택지 라벨 var SERVER_NAMES = { '1': 'Windows', '2': 'Unix', '3': 'Linux', '4': '기타' }; var WAS_NAMES = { '1': 'IIS', '2': 'APACHE', '3': 'TOMCAT', '4': 'RESIN', '5': 'JEUS', '6': 'WEBLOGIC', '7': 'WEBSPHERE', '8': '기타' }; var LANGUAGE_NAMES = { '1': 'JSP', '2': 'PHP', '3': 'ASP', '4': 'ASP.NET', '5': '기타' }; var CHARSET_NAMES = { '1': 'UTF-8', '2': 'EUC-KR' }; // 폼별 완료 카운터 (별개 누적) var COUNTER_KEYS = { '/pricing-download': 'namo_complete_count_pricing', '/contact-for-buy': 'namo_complete_count_contact', '/apply_trial': 'namo_complete_count_trial' }; function curPath() { return location.pathname.replace(/\/+$/, '') || '/'; } function onFormPage() { return !!COUNTER_KEYS[curPath()]; } function showWarn(input, show, msg) { var item = input.closest ? input.closest('.menu_item, label.icheck') : null; var warn = item ? item.querySelector('.warning_txt') : null; if (warn) { if (msg) warn.textContent = msg; warn.style.display = show ? 'block' : ''; } } function val(form, sel) { var el = form.querySelector(sel); return el ? el.value.trim() : ''; } // 설치환경(체험판) 라벨 조합 — SF description 필드와 구글시트 전송에서 공용 function installEnvText(form) { return [ '-설치OS: ' + (SERVER_NAMES[val(form, 'select[name="server"]')] || ''), '-WEB/WAS: ' + (WAS_NAMES[val(form, 'select[name="was"]')] || ''), '-개발언어:' + (LANGUAGE_NAMES[val(form, 'select[name="language"]')] || ''), '-CharSet:' + (CHARSET_NAMES[val(form, 'select[name="charset"]')] || ''), '-적용URL:' + val(form, 'input[name="ipurl"]') ].join('\n'); } function validate(form, path) { var firstBad = null; function check(sel, ok) { var el = form.querySelector(sel); if (!el) return; var bad = !ok(el); showWarn(el, bad); if (bad && !firstBad) firstBad = el; } var filled = function (el) { return !!el.value.replace(/\s/g, ''); }; var selected = function (el) { return !!el.value; }; check('input[name="name"]', filled); check('input[name="email"]', function (el) { return /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(el.value.trim()); }); check('input[name="tel"]', function (el) { return /^\d{2,3}-\d{3,4}-\d{4}$/.test(el.value.trim()); }); check('input[name="company"]', filled); check('input[name="department"]', filled); check('input[name="rank"]', filled); check('select[name="item_name"]', selected); if (path === '/contact-for-buy') { check('select[name="purpose"]', selected); // 용도선택(필수) } if (path === '/apply_trial') { check('select[name="purpose"]', selected); check('select[name="server"]', selected); check('select[name="was"]', selected); check('select[name="language"]', selected); check('select[name="charset"]', selected); check('input[name="ipurl"]', filled); } check('input[name="agree1"]', function (el) { return el.checked; }); if (firstBad) { try { firstBad.focus(); firstBad.scrollIntoView({ block: 'center', behavior: 'smooth' }); } catch (e) {} return false; } return true; } function nextCompleteCount(counterKey) { // 해당 폼의 완료 누적 횟수(브라우저 기준)를 1 올리고, // 완료 페이지에서 쓸 마커를 남긴다. var count = 1; try { count = (parseInt(localStorage.getItem(counterKey), 10) || 0) + 1; localStorage.setItem(counterKey, String(count)); sessionStorage.setItem('namo_complete_pending', String(count)); } catch (err) {} return count; } function submitToSalesforce(fields) { var sf = document.createElement('form'); sf.action = SF_URL; sf.method = 'POST'; sf.acceptCharset = 'UTF-8'; sf.style.display = 'none'; for (var name in fields) { var input = document.createElement('input'); input.type = 'hidden'; input.name = name; input.value = fields[name]; sf.appendChild(input); } document.body.appendChild(sf); // 이 폼은 우리가 만든 깨끗한 폼이므로 네이티브 submit 프로토타입을 직접 호출 HTMLFormElement.prototype.submit.call(sf); } function sendToGoogleSheet(form, agree2, leadSource, path) { // 리드를 Apps Script 웹앱(구글시트)으로 전송. // sendBeacon 은 페이지 이동 중에도 전송이 보장되고 비동기라 // 직후의 Salesforce 제출을 지연시키지 않는다 (앞서거나 동시 조건 충족). // ⚠ Apps Script(doPost) 에서 아래 신규 파라미터를 받도록 시트 컬럼 보강 필요: // - 공통: purpose(용도) // - /contact-for-buy: numbers(사용자 수), contents(문의내용) // - /apply_trial: install_env(설치환경), contents(요청사항) try { var p = new URLSearchParams(); p.append('name', val(form, 'input[name="name"]')); p.append('email', val(form, 'input[name="email"]')); p.append('tel', val(form, 'input[name="tel"]')); p.append('company', val(form, 'input[name="company"]')); p.append('department', val(form, 'input[name="department"]')); p.append('rank', val(form, 'input[name="rank"]')); p.append('item_name', val(form, 'select[name="item_name"]')); p.append('agree2', (agree2 && agree2.checked) ? '동의' : ''); p.append('lead_source', leadSource); // 폼별 추가 필드 — SF 로 보내는 값과 동일 라벨 매핑 재사용 if (path === '/contact-for-buy') { p.append('purpose', PURPOSE_NAMES[val(form, 'select[name="purpose"]')] || ''); p.append('numbers', val(form, 'input[name="numbers"]')); p.append('contents', val(form, 'textarea[name="contents"]')); } else if (path === '/apply_trial') { p.append('purpose', PURPOSE_NAMES[val(form, 'select[name="purpose"]')] || ''); p.append('install_env', installEnvText(form)); p.append('contents', val(form, 'textarea[name="contents"]')); } // 제품소개서·구매문의·체험판은 통합 신규 웹앱(시트+오피스챗 알림), 그 외는 통합 스프레드시트로 전송 var url = GS_WEBAPP_URLS[path] || GS_WEBAPP_URL; var sent = false; if (navigator.sendBeacon) sent = navigator.sendBeacon(url, p); if (!sent) fetch(url, { method: 'POST', body: p, mode: 'no-cors', keepalive: true }); } catch (err) {} } function handleSubmission(form) { var path = curPath(); if (!onFormPage()) return; if (form.getAttribute('data-sf-busy') === '1') return; // 중복 제출 방지 if (!validate(form, path)) return; form.setAttribute('data-sf-busy', '1'); var product = val(form, 'select[name="item_name"]'); var agree2 = form.querySelector('input[name="agree2"]'); var count = nextCompleteCount(COUNTER_KEYS[path]); var fields = { 'oid': SF_OID, 'last_name': val(form, 'input[name="name"]'), 'email': val(form, 'input[name="email"]'), 'company': val(form, 'input[name="company"]'), 'phone': val(form, 'input[name="tel"]'), '00N2v00000TZlur': val(form, 'input[name="department"]'), // 부서 'title': val(form, 'input[name="rank"]'), // 직급 '00N2v00000OjssW': PRODUCT_NAMES[product] || '', // 관심제품 '00N2u000000iST4': '나모에디터 홈페이지', // 리드 유입 홈페이지 (정적) '00N2v00000TXWbX': (agree2 && agree2.checked) ? '동의' : '거부' // 마케팅 수신동의 }; var eventName; if (path === '/pricing-download') { fields['retURL'] = location.origin + '/pricing-download/complete' + product; fields['lead_source'] = '홈페이지_제품소개서'; eventName = 'brochure_request'; } else if (path === '/contact-for-buy') { fields['retURL'] = location.origin + '/contact-for-buy/complete'; fields['lead_source'] = '홈페이지_상담'; fields['00N2u000000vpvR'] = PURPOSE_NAMES[val(form, 'select[name="purpose"]')] || ''; // 용도 fields['00N2v00000PoQyY'] = val(form, 'input[name="numbers"]'); // 사용자 수 fields['description'] = val(form, 'textarea[name="contents"]'); // 설명 eventName = 'purchase_inquiry'; } else { // /apply_trial 체험판 신청 fields['retURL'] = location.origin + '/apply_trial/complete'; fields['lead_source'] = '홈페이지_무료체험'; fields['00N2u000000vpvR'] = PURPOSE_NAMES[val(form, 'select[name="purpose"]')] || ''; // 용도 // 설치환경: 선택/입력값을 라벨로 변환해 한 텍스트로 조합 fields['00N2u000000vqv8'] = installEnvText(form); fields['description'] = val(form, 'textarea[name="contents"]'); // 설명 eventName = 'trial_request'; } try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: eventName, product_type: product, product_name: PRODUCT_NAMES[product] || product, submission_count: count }); } catch (err) {} // 제품소개서 다운로드(/pricing-download) 정상 제출 시 전용 dataLayer 이벤트 if (path === '/pricing-download') { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'product_download', 'full_name': val(form, 'input[name="name"]'), 'email': val(form, 'input[name="email"]'), 'phone': val(form, 'input[name="tel"]'), 'company_name': val(form, 'input[name="company"]'), 'part': val(form, 'input[name="department"]'), 'position': val(form, 'input[name="rank"]'), 'product': PRODUCT_NAMES[product] || product, 'marketing_receive_agreement': (agree2 && agree2.checked) ? '동의' : '미동의' }); } catch (err) {} } // 구매 문의(/contact-for-buy) 정상 제출 시 전용 dataLayer 이벤트 if (path === '/contact-for-buy') { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'contact_buy', 'full_name': val(form, 'input[name="name"]'), 'email': val(form, 'input[name="email"]'), 'phone': val(form, 'input[name="tel"]'), 'company_name': val(form, 'input[name="company"]'), 'part': val(form, 'input[name="department"]'), 'position': val(form, 'input[name="rank"]'), 'product': PRODUCT_NAMES[product] || product, 'marketing_receive_agreement': (agree2 && agree2.checked) ? '동의' : '미동의' }); } catch (err) {} } // 체험판 신청(/apply_trial) 정상 제출 시 전용 dataLayer 이벤트 if (path === '/apply_trial') { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'contact_trial', 'full_name': val(form, 'input[name="name"]'), 'email': val(form, 'input[name="email"]'), 'phone': val(form, 'input[name="tel"]'), 'company_name': val(form, 'input[name="company"]'), 'part': val(form, 'input[name="department"]'), 'position': val(form, 'input[name="rank"]'), 'product': PRODUCT_NAMES[product] || product, 'sort': PURPOSE_NAMES[val(form, 'select[name="purpose"]')] || '', 'marketing_receive_agreement': (agree2 && agree2.checked) ? '동의' : '미동의' }); } catch (err) {} } // 구글시트 수집 대상 폼이면 Salesforce 제출 직전에 선전송 if (GS_LEAD_SOURCES[path]) { sendToGoogleSheet(form, agree2, GS_LEAD_SOURCES[path], path); } submitToSalesforce(fields); } /* ---- 방어 (c)+action 무력화: 폼 발견 즉시 적용, 재렌더에도 유지 ---- */ function armForms() { if (!onFormPage()) return; var forms = document.querySelectorAll('form.save-form'); for (var i = 0; i < forms.length; i++) { (function (form) { if (form.getAttribute('data-sf-armed') === '1') return; form.setAttribute('data-sf-armed', '1'); // 레거시 스크립트의 네이티브 form.submit() 직접 호출 가로채기 // (네이티브 submit() 은 submit 이벤트를 발생시키지 않음) try { form.submit = function () { handleSubmission(form); }; } catch (e) {} // 최후 안전망: 어떤 경로로든 네이티브 제출이 일어나도 origin form_ 으로 가지 않게 try { form.setAttribute('action', location.pathname + '#'); } catch (e) {} })(forms[i]); } } function startArm() { armForms(); if (typeof MutationObserver !== 'undefined' && document.body) { new MutationObserver(armForms) .observe(document.body, { childList: true, subtree: true }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startArm); } else { startArm(); } /* ---- 방어 (a): 제출 버튼 클릭을 캡처 단계에서 선점 ---- */ document.addEventListener('click', function (e) { if (!onFormPage()) return; var btn = e.target && e.target.closest ? e.target.closest('form.save-form button[type="submit"], form.save-form .form_btn') : null; if (!btn) return; var form = btn.closest('form.save-form'); if (!form) return; e.preventDefault(); e.stopImmediatePropagation(); handleSubmission(form); }, true); /* ---- 방어 (b): submit 이벤트 (Enter 제출 / dispatchEvent / jQuery trigger) ---- */ document.addEventListener('submit', function (e) { if (!onFormPage()) return; var form = e.target; if (!form || !form.classList || !form.classList.contains('save-form')) return; e.preventDefault(); e.stopImmediatePropagation(); handleSubmission(form); }, true); // 입력 중에는 경고 숨김 document.addEventListener('input', function (e) { if (!onFormPage()) return; var el = e.target; if (el && el.classList && (el.classList.contains('validation_input') || el.classList.contains('validation_checkbox'))) { showWarn(el, false); } }, true); })(); /* ============================================================================ * NamoEditor site interaction fixes (dependency-free, hydration-safe) * * Context: this site is a migrated mirror running on a Next.js (React) SPA. * * Bugs this fixes: * 1) The mobile / all-menu button (.all_menu) did nothing. The header widget's * native click handler binds to server-rendered nodes that React replaces * on hydration, detaching the listener. * 2) The reference tabs (.tabs-nav a, tabs 2..n) did nothing — their handler * was bound directly to elements that are injected/re-rendered after the * handler ran, so the binding was lost. * 3) The release-note accordions (.release_note .accordion .arrow) did not * expand. The legacy board script bound a click handler directly to the * .arrow buttons at load time; React's hydration/re-render replaces those * nodes, detaching the listener — the SAME failure mode as (1) and (2). * 4) The release-note sub-title label read "크로스에디터4 패치내역" on EVERY * product (migration copied it verbatim). We correct it per product. A * page-by-page HTML edit isn't viable (full-HTML replace on 50KB+ pages), * so the label is patched in place and kept correct across re-renders. * * Fix strategy: a single capture-phase, document-level delegated listener. * - Listeners live on `document`, which React never replaces, so they survive * hydration and re-renders. * - Capture phase + stopImmediatePropagation() means this is authoritative: * it pre-empts any leftover native/jQuery handler, so no double-toggle. * - Pure vanilla JS — no jQuery / external dependency. * * 주의: 제출 버튼(.form_btn 이면서 type=submit)은 위 Web-to-Lead 블록이 * 캡처 단계에서 먼저 처리하므로 이 블록과 충돌하지 않는다. * * NOTE: the previous content of this field was a legacy script-injection loader * plus an inline JSON-LD object literal. That JSON-LD block (`{ "@context": ... }`) * is a JavaScript syntax error, which made the ENTIRE field fail to parse, so * none of it (the analytics loader included) ever executed. Analytics continue * to load from the page's own gtag tags; the dead loader was removed. * ========================================================================== */ (function () { function closest(el, sel) { return el && el.closest ? el.closest(sel) : null; } /* ---- Mobile / all-menu drawer ---- */ function setMenuOpen(open) { var drawer = document.querySelector('.mobile_wrap'); var btn = document.querySelector('.all_menu'); var bg = document.querySelector('.nav_bg'); if (drawer) drawer.classList.toggle('on', open); if (btn) btn.classList.toggle('on', open); if (bg) bg.classList.toggle('active', open); document.documentElement.classList.toggle('on', open); document.body.classList.toggle('on', open); document.body.style.overflow = open ? 'hidden' : ''; } function menuIsOpen() { var drawer = document.querySelector('.mobile_wrap'); return !!(drawer && drawer.classList.contains('on')); } document.addEventListener('click', function (e) { var btn = closest(e.target, '.all_menu'); if (btn) { e.preventDefault(); e.stopImmediatePropagation(); setMenuOpen(!menuIsOpen()); return; } // Close drawer when clicking the dimmed background. if (menuIsOpen() && closest(e.target, '.nav_bg')) { e.preventDefault(); e.stopImmediatePropagation(); setMenuOpen(false); } }, true); // capture phase — pre-empts legacy/native/jQuery handlers document.addEventListener('keydown', function (e) { if ((e.key === 'Escape' || e.keyCode === 27) && menuIsOpen()) setMenuOpen(false); }); /* ---- Reference content tabs ---- */ document.addEventListener('click', function (e) { var link = closest(e.target, '.tabs-nav a'); if (!link) return; var href = link.getAttribute('href') || ''; if (href.charAt(0) !== '#' || href.length < 2) return; e.preventDefault(); e.stopImmediatePropagation(); var nav = closest(link, '.tabs-nav'); if (nav) { var actives = nav.querySelectorAll('.tab-active'); for (var i = 0; i < actives.length; i++) actives[i].classList.remove('tab-active'); if (link.parentNode) link.parentNode.classList.add('tab-active'); } var panel = document.querySelector(href); if (panel && panel.parentNode) { var sibs = panel.parentNode.children; for (var j = 0; j < sibs.length; j++) { if (sibs[j].tagName === 'DIV') sibs[j].style.display = 'none'; } panel.style.display = ''; } }, true); // capture phase /* ---- Release-note accordion ---- * Markup (per row): * 버전 *

요약 …外
상세

* * CSS collapses every

(display:none) and force-shows only li:first-child * (the summary line ending in "外"). There is NO CSS rule that reveals the * remaining

on expand — the legacy script toggled their display inline. * We replicate that directly: toggling inline display beats the bare * `display:none` rule (no !important), so this works regardless of the * legacy class name. We also toggle `.on` on .arrow for the icon rotation * (the only part the CSS keys on: `.arrow.on i { transform: rotate(180deg) }`). */ document.addEventListener('click', function (e) { var arrow = closest(e.target, '.release_note .accordion .arrow'); if (!arrow) return; e.preventDefault(); e.stopImmediatePropagation(); var expanded = arrow.classList.toggle('on'); var cell = closest(arrow, 'td'); if (!cell) return; var items = cell.querySelectorAll('ul > li'); for (var i = 1; i < items.length; i++) { // i=0 is the always-visible summary items[i].style.display = expanded ? 'list-item' : 'none'; } }, true); // capture phase /* ---- Release-note sub-title label correction ---- * Migration left the literal "크로스에디터4 패치내역" on the viewer / uploader / * activesquare release-note pages too. Correct it to the right product by path. * Guard: only rewrite when the wrong text is present, so the MutationObserver * (which re-checks after React re-renders) never loops on its own change. */ var RN_LABELS = { '/crosseviewer_release_note': '크로스뷰어 패치내역', '/crossuploader_release_note': '크로스업로더 패치내역', '/activesquare_release_note': '액티브스퀘어 패치내역' }; function fixReleaseNoteLabel() { var label = RN_LABELS[location.pathname]; if (!label) return; var spans = document.querySelectorAll('.release_note .sub_title span'); for (var i = 0; i < spans.length; i++) { if (spans[i].textContent.indexOf('크로스에디터4') !== -1) spans[i].textContent = label; } } function startReleaseNoteLabelFix() { fixReleaseNoteLabel(); if (typeof MutationObserver !== 'undefined' && document.body) { new MutationObserver(fixReleaseNoteLabel) .observe(document.body, { childList: true, subtree: true }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startReleaseNoteLabelFix); } else { startReleaseNoteLabelFix(); } })(); /* ============================================================================ * 원본(namoeditor.co.kr) 이미지 → 빌더 자산(pg_*) 런타임 치환 shim (전역) * 위젯 없는 제품 페이지까지 모든 페이지에서 동작. React 재렌더 대응. * ========================================================================== */ (function () { var B = 'https://firebasestorage.googleapis.com/v0/b/sunbisites.firebasestorage.app/o/sites%2Faec55cabdd654e0d835b%2Fassets%2F'; var IMG = /^https?:\/\/(?:www\.)?namoeditor\.co\.kr\/(.+?\.(?:png|jpe?g|gif|svg|webp|ico))(?:\?.*)?$/i; var URLRX = /https?:\/\/(?:www\.)?namoeditor\.co\.kr\/([^"')\s]+?\.(?:png|jpe?g|gif|svg|webp|ico))(?:\?[^"')\s]*)?/ig; function asset(p){ return B + ('pg_' + p.replace(/[^A-Za-z0-9._-]/g, '_')) + '?alt=media'; } function fix(){ try{ var im = document.querySelectorAll('img[src*="namoeditor.co.kr"]'); for (var i=0;i=0){ var u=asset(MAP[key]); if(el.getAttribute(attr)!==u){ el.setAttribute(attr,u); if(el.tagName==='VIDEO'||el.tagName==='SOURCE'){try{el.load&&el.load();}catch(e){}} } break; } } } }catch(e){} } var t; function run(){ clearTimeout(t); t=setTimeout(fix,80); } if (document.readyState==='loading') document.addEventListener('DOMContentLoaded', fix); else fix(); if (typeof MutationObserver!=='undefined'){ try{ new MutationObserver(run).observe(document.documentElement,{childList:true,subtree:true}); }catch(e){} } })(); /* ============================================================================ * 기술지원 1:1 문의(/support-oneonone) → 구글시트(Apps Script) 전송 * * 배경: 이 폼도 원본 서버(namoeditor.co.kr/support-oneonone/form_)로 제출되지만 * 다른 폼들과 마찬가지로 이 도메인에서는 reCAPTCHA v3 토큰 검증이 실패해 * 원본 제출이 성공할 수 없다. 기술지원 접수 내역을 구글시트로 수집한다. * * 위 Web-to-Lead 블록은 이 경로를 대상으로 하지 않으므로(COUNTER_KEYS 미등록) * 여기서 동일한 3중 방어로 독립 처리한다. 단, 기술지원 문의이므로 Salesforce 로는 * 보내지 않고 구글시트 전송 후 접수 완료 페이지로 이동한다. * * 전송 파라미터(영문 키 — 한글 키 인코딩 문제 회피) ← 폼 필드: * name ← name / tel ← tel / department ← department / email ← email * company ← company / rank ← rank * product ← product_item(선택 라벨) / version ← item_name(선택 라벨) * serial_number ← serial_number(제품번호) / contents ← contents * 시트 컬럼 매핑/접수일시는 Apps Script(doPost) 에서 처리. * ========================================================================== */ (function () { var GS_WEBAPP_URL = 'https://script.google.com/macros/s/AKfycbxp8pZue8RhCrn_u96JcGRUnyZHbVN9kX3ttxmQhNiPW_LdJujg8vO8yzWVtw8NI0QUcg/exec'; var COMPLETE_URL = '/support-oneonone/complete'; function onSupportPage() { return (location.pathname.replace(/\/+$/, '') || '/') === '/support-oneonone'; } function val(form, sel) { var el = form.querySelector(sel); return el ? el.value.trim() : ''; } function selLabel(form, sel) { var el = form.querySelector(sel); if (!el || !el.value) return ''; // 미선택(placeholder, value="")은 빈값 var opt = el.options[el.selectedIndex]; return opt ? opt.text.replace(/^\s*\*/, '').trim() : ''; } function showWarn(input, show) { var item = input.closest ? input.closest('.menu_item, label.icheck') : null; var warn = item ? item.querySelector('.warning_txt') : null; if (warn) warn.style.display = show ? 'block' : ''; } function validate(form) { var firstBad = null; function check(sel, ok) { var el = form.querySelector(sel); if (!el) return; var bad = !ok(el); showWarn(el, bad); if (bad && !firstBad) firstBad = el; } var filled = function (el) { return !!el.value.replace(/\s/g, ''); }; var selected = function (el) { return !!el.value; }; check('input[name="name"]', filled); check('input[name="email"]', function (el) { return /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(el.value.trim()); }); // 연락처: 하이픈 유무 상관없이 숫자 9~11자리면 통과 (실사용자 입력 형식 다양성 대응) check('input[name="tel"]', function (el) { var v = el.value.replace(/[^0-9]/g, ''); return v.length >= 9 && v.length <= 11; }); check('input[name="company"]', filled); check('input[name="department"]', filled); check('input[name="rank"]', filled); check('select[name="product_item"]', selected); check('input[name="agree1"]', function (el) { return el.checked; }); if (firstBad) { try { firstBad.focus(); firstBad.scrollIntoView({ block: 'center', behavior: 'smooth' }); } catch (e) {} return false; } return true; } function sendToGoogleSheet(form) { try { var p = new URLSearchParams(); p.append('name', val(form, 'input[name="name"]')); // 이름 p.append('tel', val(form, 'input[name="tel"]')); // 연락처 p.append('department', val(form, 'input[name="department"]')); // 부서명 p.append('email', val(form, 'input[name="email"]')); // 이메일 p.append('company', val(form, 'input[name="company"]')); // 회사명 p.append('rank', val(form, 'input[name="rank"]')); // 직급 p.append('product', selLabel(form, 'select[name="product_item"]')); // 제품정보 p.append('version', selLabel(form, 'select[name="item_name"]')); // 버전정보 p.append('serial_number', val(form, 'input[name="serial_number"]')); // 제품번호 p.append('contents', val(form, 'textarea[name="contents"]')); // 문의내용 var sent = false; if (navigator.sendBeacon) sent = navigator.sendBeacon(GS_WEBAPP_URL, p); if (!sent) fetch(GS_WEBAPP_URL, { method: 'POST', body: p, mode: 'no-cors', keepalive: true }); } catch (err) {} } function handleSubmission(form) { if (!onSupportPage()) return; if (form.getAttribute('data-gs-busy') === '1') return; // 중복 제출 방지 if (!validate(form)) return; form.setAttribute('data-gs-busy', '1'); sendToGoogleSheet(form); // 비콘 flush 보장: 즉시 이동 시 일부 브라우저에서 전송이 취소될 수 있어 약간 지연 후 이동 setTimeout(function () { window.location.href = COMPLETE_URL; }, 600); } /* 방어 (c): 네이티브 form.submit() 직접 호출 가로채기 + origin action 무력화 */ function armForms() { if (!onSupportPage()) return; var forms = document.querySelectorAll('form.save-form'); for (var i = 0; i < forms.length; i++) { (function (form) { if (form.getAttribute('data-gs-armed') === '1') return; form.setAttribute('data-gs-armed', '1'); try { form.submit = function () { handleSubmission(form); }; } catch (e) {} try { form.setAttribute('action', location.pathname + '#'); } catch (e) {} })(forms[i]); } } function startArm() { armForms(); if (typeof MutationObserver !== 'undefined' && document.body) { new MutationObserver(armForms).observe(document.body, { childList: true, subtree: true }); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startArm); } else { startArm(); } /* 방어 (a): 제출 버튼 클릭을 캡처 단계에서 선점 */ document.addEventListener('click', function (e) { if (!onSupportPage()) return; var btn = e.target && e.target.closest ? e.target.closest('form.save-form button[type="submit"], form.save-form .form_btn') : null; if (!btn) return; var form = btn.closest('form.save-form'); if (!form) return; e.preventDefault(); e.stopImmediatePropagation(); handleSubmission(form); }, true); /* 방어 (b): submit 이벤트 (Enter 제출 / dispatchEvent / jQuery trigger) */ document.addEventListener('submit', function (e) { if (!onSupportPage()) return; var form = e.target; if (!form || !form.classList || !form.classList.contains('save-form')) return; e.preventDefault(); e.stopImmediatePropagation(); handleSubmission(form); }, true); /* 입력 중에는 경고 숨김 */ document.addEventListener('input', function (e) { if (!onSupportPage()) return; var el = e.target; if (el && el.classList && (el.classList.contains('validation_input') || el.classList.contains('validation_checkbox'))) { showWarn(el, false); } }, true); })(); /* ============================================================================ * 데모 단축링크 절대(www.namoeditor.co.kr) → 상대경로 정규화 (경로 보존) * 목적지 변경 아님. 도메인/서브도메인 의존 제거하여 어느 도메인에서든 /cvdemo 리다이렉트 페이지로. * ========================================================================== */ (function () { var S = {'/cvdemo':1,'/cudemo':1,'/ce4demo':1,'/ce3demo':1,'/as8demo':1,'/sub020304':1}; function fix(){ try{ var a=document.querySelectorAll('a[href*="namoeditor.co.kr/"]'); for (var i=0;i