미디어위키:Gadget-MoveEdittoolsInside.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

function moveElementBeforeClass(elementToMove, target) {
  // 옮기려는 요소를 찾습니다.
  const element = document.querySelector(elementToMove);
  if (!element) {
    console.error(`"${elementToMove}" 요소를 찾을 수 없습니다.`);
    return;
  }

  // 특정 클래스를 가진 첫 번째 요소를 찾습니다.
  const targetElement = document.querySelector(target);
  if (!targetElement) {
    console.error(`"${target}" 요소를 찾을 수 없습니다.`);
    return;
  }

  // 기준 요소의 부모 노드를 얻습니다.
  const parent = targetElement.parentNode;
  if (!parent) {
    console.error("기준 요소의 부모 노드를 찾을 수 없습니다.");
    return;
  }

  // 옮기려는 요소를 기준 요소의 바로 앞에 삽입합니다.
  parent.insertBefore(element, targetElement);
}

// 사용 예시:
// <div id="item-to-move">이동할 아이템</div>
// <div class="target-class">기준 아이템 1</div>
// <div class="target-class">기준 아이템 2</div>

moveElementBeforeClass(".mw-editTools", ".editOptions");