미디어위키:Common.js - 편집 역사

2026년 1월 28일 (수) 06:37에 Abland님의 편집

2026-01-28T06:37:29Z

← 이전 판		2026년 1월 28일 (수) 06:37 판
8번째 줄:		8번째 줄:
	$content.find(HEADING_SELECTOR).each(function () {		$content.find(HEADING_SELECTOR).each(function () {
	const $heading = $(this);		const $heading = $(this);

			/* ===============================
			✅ 제외 처리 (TOC / Minerva 요소)
			=============================== */

			// 1) TOC 제목(h2#mw-toc-heading)은 접기 대상에서 제외
			if ($heading.attr('id') === 'mw-toc-heading') return;

			// 2) TOC 컨테이너 내부에 있는 헤더도 제외(안전장치)
			if ($heading.closest('#toc, .toc, .mw-table-of-contents, .vector-toc').length) return;

			// 3) Minerva에서 TOC/메뉴 관련 요소를 더 안전하게 제외(있을 때만)
			if ($heading.closest('.minerva__toc, .minerva-toc, .content .toc').length) {
			// 위 클래스들은 설치/버전에 따라 없을 수 있음 (있으면 제외)
			// 필요 없으면 이 블록은 삭제해도 됨
			return;
			}

	// 중복 처리 방지		// 중복 처리 방지
18번째 줄:		35번째 줄:
	}		}

	// ✅ 아이콘은 항상 "헤더 직계 자식"으로만 넣기 ~~(CSS absolute 기준 통일)~~		// 아이콘은 항상 "헤더 직계 자식"으로만 넣기
	if ($heading.children('.mw-fold-icon').length === 0) {		if ($heading.children('.mw-fold-icon').length === 0) {
	const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');		const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');
	$heading.prepend($icon);		$heading.prepend($icon);
	}		}
	~~// ✅ 아이콘 공간 확보용 클래스 (CSS에서 padding-left 적용)~~
	$heading.addClass('mw-has-fold-icon');		$heading.addClass('mw-has-fold-icon');

39번째 줄:		55번째 줄:
	$heading.after($wrapper);		$heading.after($wrapper);

	// 콘텐츠 유무 클래스~~(원하면 CSS로 비활성 표시 가능)~~		// 콘텐츠 유무 클래스
	if ($wrapper.children().length > 0) {		if ($wrapper.children().length > 0) {
	$heading.addClass('mw-fold-has-content');		$heading.addClass('mw-fold-has-content');
51번째 줄:		67번째 줄:
	// 제목 클릭 시 토글		// 제목 클릭 시 토글
	$heading.on('click', function (e) {		$heading.on('click', function (e) {
	~~// 좌클릭만~~
	if (typeof e.which === 'number' && e.which !== 1) return;		if (typeof e.which === 'number' && e.which !== 1) return;

	~~// 헤더 안 링크 클릭이면 토글 금지 (편집 링크 포함)~~
	if ($(e.target).closest('a').length) return;		if ($(e.target).closest('a').length) return;

	~~// 텍스트 드래그/선택 중이면 토글 방지(체감 개선)~~
	const sel = window.getSelection && window.getSelection();		const sel = window.getSelection && window.getSelection();
	if (sel && sel.type === 'Range') return;		if (sel && sel.type === 'Range') return;

	~~// 콘텐츠 없는 경우: 아이콘은 있지만 동작은 하지 않음~~
	if ($wrapper.children().length === 0) return;		if ($wrapper.children().length === 0) return;

2026년 1월 27일 (화) 08:07에 Abland님의 편집

2026-01-27T08:07:55Z

← 이전 판		2026년 1월 27일 (화) 08:07 판
78번째 줄:		78번째 줄:

	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {
	$('#footer-places-privacy a').attr({		var $link = $('#footer-places-privacy a');

			if (!$link.length) return;

			$link.attr({
			href: 'https://foundation.wikimedia.org/wiki/Policy:Privacy_policy',
	target: '_blank',		target: '_blank',
	rel: 'noopener noreferrer'		rel: 'noopener noreferrer'
	});		});
	});		});

2026년 1월 27일 (화) 08:07에 Abland님의 편집

2026-01-27T08:07:14Z

← 이전 판		2026년 1월 27일 (화) 08:07 판
78번째 줄:		78번째 줄:

	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {
	~~// footer privacy link: <li id="footer-places-privacy"><a ...>~~		$('#footer-places-privacy a').attr({
	~~var $a =~~ $('#footer-places-privacy a');		target: '_blank',

	~~if (!$a.length) return;~~

	$a.attr({
	target: '~~https://foundation.wikimedia.org/wiki/Policy:Privacy_policy~~',
	rel: 'noopener noreferrer'		rel: 'noopener noreferrer'
	});		});
	});		});

2026년 1월 27일 (화) 08:05에 Abland님의 편집

2026-01-27T08:05:13Z

← 이전 판		2026년 1월 27일 (화) 08:05 판
84번째 줄:		84번째 줄:

	$a.attr({		$a.attr({
	target: '~~_blank~~',		target: 'https://foundation.wikimedia.org/wiki/Policy:Privacy_policy',
	rel: 'noopener noreferrer'		rel: 'noopener noreferrer'
	});		});
	});		});

2026년 1월 27일 (화) 08:04에 Abland님의 편집

2026-01-27T08:04:50Z

@@ 74번째 줄: / 74번째 줄: @@
+       }
      });
    });
 });

2026년 1월 21일 (수) 01:29에 Abland님의 편집

2026-01-21T01:29:36Z

← 이전 판		2026년 1월 21일 (수) 01:29 판
13번째 줄:		13번째 줄:
	$heading.attr('data-mw-fold-ready', '1');		$heading.attr('data-mw-fold-ready', '1');

	// ~~아이콘 추가~~ (mw-~~headline이 있으면 그 안에, 없으면 heading에~~)		// 편집 링크 존재 여부 클래스(:has 대체용)
	if ($heading.~~find~~('.mw-fold-icon').length === 0) {		if ($heading.find('.mw-editsection').length) {
			$heading.addClass('mw-has-editsection');
			}

			// ✅ 아이콘은 항상 "헤더 직계 자식"으로만 넣기 (CSS absolute 기준 통일)
			if ($heading.children('.mw-fold-icon').length === 0) {
	const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');		const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');
	~~const $headline = $heading.find('.mw-headline').first();~~		$heading.prepend($icon);
	~~if ($headline.length) $headline.prepend($icon);~~
	~~else~~ $heading.prepend($icon);
	}		}
			// ✅ 아이콘 공간 확보용 클래스 (CSS에서 padding-left 적용)
			$heading.addClass('mw-has-fold-icon');

	// wrapper 생성 + 항상 삽입		// wrapper 생성 + 항상 삽입
25번째 줄:		30번째 줄:
	let $next = $heading.next();		let $next = $heading.next();

			// 다음 heading 전까지 수집
	while ($next.length && !$next.is(STOP_SELECTOR)) {		while ($next.length && !$next.is(STOP_SELECTOR)) {
	const $current = $next;		const $current = $next;
32번째 줄:		38번째 줄:

	$heading.after($wrapper);		$heading.after($wrapper);

			// 콘텐츠 유무 클래스(원하면 CSS로 비활성 표시 가능)
			if ($wrapper.children().length > 0) {
			$heading.addClass('mw-fold-has-content');
			} else {
			$heading.removeClass('mw-fold-has-content');
			}

	// 상태 (기본: 펼침)		// 상태 (기본: 펼침)
	let collapsed = false;		let collapsed = false;

			// 제목 클릭 시 토글
	$heading.on('click', function (e) {		$heading.on('click', function (e) {
	// 좌클릭만		// 좌클릭만
	if (e.which && e.which !== 1) return;		if (typeof e.which === 'number' && e.which !== 1) return;

	// 헤더 안 링크 클릭이면 토글 금지		// 헤더 안 링크 클릭이면 토글 금지 (편집 링크 포함)
	if ($(e.target).closest('a').length) return;		if ($(e.target).closest('a').length) return;

	// ~~콘텐츠가~~ 없는 경우: 아이콘은 있지만 동작은 하지 않음		// 텍스트 드래그/선택 중이면 토글 방지(체감 개선)
			const sel = window.getSelection && window.getSelection();
			if (sel && sel.type === 'Range') return;

			// 콘텐츠 없는 경우: 아이콘은 있지만 동작은 하지 않음
	if ($wrapper.children().length === 0) return;		if ($wrapper.children().length === 0) return;

2026년 1월 21일 (수) 01:19에 Abland님의 편집

2026-01-21T01:19:13Z

← 이전 판		2026년 1월 21일 (수) 01:19 판
1번째 줄:		1번째 줄:
	/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */		/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */

	~~/* =========================~~
	~~h2/h3/h4/h5 기본 접기/펼치기~~
	~~- 헤더 왼쪽 아이콘 항상 표시~~
	~~- 헤더 바로 아래 콘텐츠만 토글~~
	~~- 다음 heading(h1~h6) 나오면 종료~~
	~~========================= */~~

	mw.hook('wikipage.content').add(function ($content) {		mw.hook('wikipage.content').add(function ($content) {
17번째 줄:		10번째 줄:

	// 중복 처리 방지		// 중복 처리 방지
	if ($heading.~~data~~('fold-ready')) return;		if ($heading.attr('data-mw-fold-ready') === '1') return;
	$heading.~~data~~('fold-ready', ~~true~~);		$heading.attr('data-mw-fold-ready', '1');

	// ✅ 아이콘 항상 추가 (~~콘텐츠 유무와 무관~~)		// 아이콘 추가 (mw-headline이 있으면 그 안에, 없으면 heading에)
	if ($heading.find('.mw-fold-icon').length === 0) {		if ($heading.find('.mw-fold-icon').length === 0) {
	const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');		const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');
	$heading.prepend($icon);		const $headline = $heading.find('.mw-headline').first();
			if ($headline.length) $headline.prepend($icon);
			else $heading.prepend($icon);
	}		}

	// wrapper 생성		// wrapper 생성 + 항상 삽입
	const $wrapper = $('<div class="mw-fold-content"></div>');		const $wrapper = $('<div class="mw-fold-content"></div>');
	let $next = $heading.next();		let $next = $heading.next();

	~~// 바로 아래 콘텐츠만 수집 (heading 나오면 종료)~~
	while ($next.length && !$next.is(STOP_SELECTOR)) {		while ($next.length && !$next.is(STOP_SELECTOR)) {
	const $current = $next;		const $current = $next;
37번째 줄:		31번째 줄:
	}		}

	~~// ✅ 콘텐츠가 있으면 wrapper만 추가~~		$heading.after($wrapper);
	~~if ($wrapper.children().length > 0) {~~
	$heading.after($wrapper);
	}

	// 상태 (기본: 펼침)		// 상태 (기본: 펼침)
	let collapsed = false;		let collapsed = false;

	~~// 제목 클릭 시 토글~~		$heading.on('click', function (e) {
	$heading.on('click', function (e) {		// 좌클릭만
			if (e.which && e.which !== 1) return;

	// ✅ 헤더 안의 링크~~(<a>)~~ 클릭이면 토글 금지		// 헤더 안 링크 클릭이면 토글 금지
	if ($(e.target).closest('a').length) {		if ($(e.target).closest('a').length) return;
	return;
	}

	// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음		// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음
	if ($wrapper.children().length === 0) return;		if ($wrapper.children().length === 0) return;

	collapsed = !collapsed;		collapsed = !collapsed;

	if (collapsed) {		if (collapsed) {
	$heading.addClass('mw-fold-collapsed');		$heading.addClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideUp(150);		$wrapper.stop(true, true).slideUp(150);
	} else {		} else {
	$heading.removeClass('mw-fold-collapsed');		$heading.removeClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideDown(150);		$wrapper.stop(true, true).slideDown(150);
	}		}
	});		});
	});		});
	});		});

2026년 1월 21일 (수) 01:16에 Abland님의 편집

2026-01-21T01:16:56Z

← 이전 판		2026년 1월 21일 (수) 01:16 판
48번째 줄:		48번째 줄:
	$heading.on('click', function (e) {		$heading.on('click', function (e) {

	// ✅ 헤더 안의 링크(<a>) 클릭이면 토글 금지		// ✅ 헤더 안의 링크(<a>) 클릭이면 토글 금지
	if ($(e.target).closest('a').length) {		if ($(e.target).closest('a').length) {
	return;		return;
	}		}

	// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음		// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음
	if ($wrapper.children().length === 0) return;		if ($wrapper.children().length === 0) return;

	collapsed = !collapsed;		collapsed = !collapsed;

	if (collapsed) {		if (collapsed) {
	$heading.addClass('mw-fold-collapsed');		$heading.addClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideUp(150);		$wrapper.stop(true, true).slideUp(150);
	} else {		} else {
	$heading.removeClass('mw-fold-collapsed');		$heading.removeClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideDown(150);		$wrapper.stop(true, true).slideDown(150);
	}		}
	});		});
	});		});
			});
	});

2026년 1월 21일 (수) 01:15에 Abland님의 편집

2026-01-21T01:15:15Z

← 이전 판		2026년 1월 21일 (수) 01:15 판
46번째 줄:		46번째 줄:

	// 제목 클릭 시 토글		// 제목 클릭 시 토글
	$heading.on('click', function () {		$heading.on('click', function (e) {

	// ~~콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음~~		// ✅ 헤더 안의 링크(<a>) 클릭이면 토글 금지
	if ($~~wrapper~~.~~children~~().length ~~=== 0~~) return;		if ($(e.target).closest('a').length) {
			return;
			}

	~~collapsed~~ = ~~!collapsed~~;		// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음
			if ($wrapper.children().length === 0) return;

	if (collapsed) {		collapsed = !collapsed;
	$heading.addClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideUp(150);		if (collapsed) {
	} else {		$heading.addClass('mw-fold-collapsed');
	$heading.removeClass('mw-fold-collapsed');		$wrapper.stop(true, true).slideUp(150);
	$wrapper.stop(true, true).slideDown(150);		} else {
	}		$heading.removeClass('mw-fold-collapsed');
	});		$wrapper.stop(true, true).slideDown(150);
			}
			});
	});		});

	});		});

2026년 1월 20일 (화) 09:01에 Abland님의 편집

2026-01-20T09:01:40Z

← 이전 판		2026년 1월 20일 (화) 09:01 판
3번째 줄:		3번째 줄:
	/* =========================		/* =========================
	h2/h3/h4/h5 기본 접기/펼치기		h2/h3/h4/h5 기본 접기/펼치기
	- 헤더 왼쪽 아이콘 ~~추가(아이콘 이미지는 CSS에서)~~		- 헤더 왼쪽 아이콘 항상 표시
	- 헤더 바로 아래 콘텐츠만 토글		- 헤더 바로 아래 콘텐츠만 토글
	- 다음 heading(h1~h6) 나오면 종료		- 다음 heading(h1~h6) 나오면 종료
20번째 줄:		20번째 줄:
	$heading.data('fold-ready', true);		$heading.data('fold-ready', true);

	// ✅ 아이콘 추가 (~~이미지는 CSS background로 처리)~~		// ✅ 아이콘 항상 추가 (콘텐츠 유무와 무관)
	~~// 중복 삽입 방지(혹시 다른 스크립트가 넣어도 안전~~)
	if ($heading.find('.mw-fold-icon').length === 0) {		if ($heading.find('.mw-fold-icon').length === 0) {
	const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');		const $icon = $('<span class="mw-fold-icon" aria-hidden="true"></span>');
38번째 줄:		37번째 줄:
	}		}

			// ✅ 콘텐츠가 있으면 wrapper만 추가
			if ($wrapper.children().length > 0) {
	// ~~DOM 반영~~		$heading.after($wrapper);
	$heading.after($wrapper);		}

	// 상태 (기본: 펼침)		// 상태 (기본: 펼침)
48번째 줄:		47번째 줄:
	// 제목 클릭 시 토글		// 제목 클릭 시 토글
	$heading.on('click', function () {		$heading.on('click', function () {

			// 콘텐츠가 없는 경우: 아이콘은 있지만 동작은 하지 않음
			if ($wrapper.children().length === 0) return;

	collapsed = !collapsed;		collapsed = !collapsed;

	if (collapsed) {		if (collapsed) {
	$heading.addClass('mw-fold-collapsed'); ~~// CSS에서 아이콘 → 오른쪽~~		$heading.addClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideUp(150);		$wrapper.stop(true, true).slideUp(150);
	} else {		} else {
	$heading.removeClass('mw-fold-collapsed'); ~~// CSS에서 아이콘 ↓ 아래~~		$heading.removeClass('mw-fold-collapsed');
	$wrapper.stop(true, true).slideDown(150);		$wrapper.stop(true, true).slideDown(150);
	}		}
	});		});
	});		});

	});		});