해시태그 자바스크립트

2025년 02월 01일

~~v.1 : 게시판이 붙을 경우 검색 안됨~~

~~document.querySelectorAll(".content").forEach(content => {~~

~~content.innerHTML = content.innerHTML.replace(/#([\w가-힣_]+)/g, function (match, tag) {~~

~~return `<a href="?search=${tag}">${match}</a>`;~~

~~});~~

#hashtag

~~v.2 : 글 본문에서 검색 안됨~~

document.querySelectorAll(".content").forEach(content => {
    // 현재 페이지 URL에서 마지막 경로(게시판 ID) 가져오기
    const pathParts = window.location.pathname.split("/").filter(Boolean); // 빈 값 제거
    const boardId = pathParts.length > 0 ? pathParts[pathParts.length - 1] : ""; // 마지막 경로 값 (게시판 ID)

    console.log(boardId); // 변수명 수정

    content.innerHTML = content.innerHTML.replace(/#([\w가-힣_]+)/g, function (match, tag) {
       if (boardId) {
          return `<a href="./${boardId}/?search_keyword=${tag}&search_target=title_content">${match}</a>`;
       } else {
          return `<a href="./?search_keyword=${tag}&search_target=title_content">${match}</a>`;
       }
    });
});

v.3

document.querySelectorAll(".content").forEach(content => {
    // 현재 페이지 URL에서 경로 가져오기
    const pathParts = window.location.pathname.split("/").filter(Boolean); // 빈 값 제거
    let boardId = pathParts.length > 0 ? pathParts[0] : ""; // 첫 번째 경로(게시판 ID)

    // 글 번호(두 번째 경로)가 있으면 제거 (ex: threads/471363 → threads/)
    if (pathParts.length > 1 && !isNaN(pathParts[1])) {
       boardId = pathParts[0]; // 첫 번째 경로만 남기기
    }

    console.log("게시판 ID:", boardId); // 디버깅용

    content.innerHTML = content.innerHTML.replace(/#([\w가-힣_]+)/g, function (match, tag) {
       if (boardId) {
          return `<a href="/${boardId}/?search_keyword=${tag}&search_target=title_content">${match}</a>`;
       } else {
          return `<a href="/?search_keyword=${tag}&search_target=title_content">${match}</a>`;
       }
    });
});