타운광장토픽게시판

짧은주소 애드온 살짤 수정해서 기존에 url 복사하기 적용했습니다.

웹지기
조회 수 224
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

$output = str_replace('<a id="short_url"></a>', '<a id="short_url" class="copy_cmt_addr1" href="#" data-clipboard-text="'.$result.'" onclick="return false;">'.$result.'</a>', $output);

 

기존에 심어놓은 스크립트가 class="copy_cmt_addr1" 이것이 들어간 곳에서 동작하게 된 스크립트라

짧은주소 애드온의 출력을 위 요소가 포함되도록 고쳐서 기존의 게시글주소 복사와 똑같은 동작을 하도록 햇습니다.

위치 다시 잡고 url 옆에 문구를 넣던지 해야 겠습니다.

 

https://xetown.com/index.php?mid=rxe_point&comment_srl=725517&page=1&document_srl=725073

웹지기

profile
10년을 다루다 보니 이제 간단한 것도 만들고 커뮤니티 운영에 관한 다양한 노하우가 있습니다. 어려운 점이나 가지신 생각을 함께 소통해 보아요.
https://rxtip.kr/ 라이믹스 꿀팁
위로 아래로
댓글 8
  • profile
    제가 구현하지 못한 기능을 넣어주셔서 감사합니다.
    혹시 기본 소스에 추가해도 될까요? ^^
  • profile profile
    이거 추가로 스크립트가 있어야 해요....
    <script>
    var clipboard = new Clipboard('.copy_cmt_addr1');

    clipboard.on('success', function(e) {
    alert('게시글 주소가 클립보드에 복사되었습니다.');
    });

    clipboard.on('error', function(e) {
    prompt("이 글의 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", e.text);
    });
    </script>
  • profile profile
    네 Class id 를 사용자가 지정해서 넣을 수 있게하고 스크립트도 추가하면 될 것 같습니다.
    허락해주시면 기본 기능에 넣어볼께요. ^^
  • profile profile
    네. 제 소스도 아닌걸요. 편하게 복사하게 해주시면 감사하죠~
  • profile profile
    감사합니다. ^^
    적용해볼께요.
  • ?
    bb !! 멋지십니다.
  • profile
    오오 진짜 멋짐 폭발!!
  • profile
    0.2 버전기준으로

    $output = str_replace('<div class="short_url"></div>', '<div class="short_url"><a class="copy_cmt_addr1" href="#" data-clipboard-text="'.$result.'" onclick="return false;">짧은주소 복사 : '.$result.'</a></div>', $output);



    이렇게 고치시고
    게시판 스킨 원하시는 곳에
    <div class="short_url"></div>

    이렇게 넣으시면 됩니다.

    그리고 클립보드에 넣어주는 스크립트는 게시판 스킨의 상단에 넣어주세요.
    <script>
    var clipboard = new Clipboard('.copy_cmt_addr1');

    clipboard.on('success', function(e) {
    alert('게시글 주소가 클립보드에 복사되었습니다.');
    });

    clipboard.on('error', function(e) {
    prompt("이 글의 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", e.text);
    });
    </script>



    css 에서 입맛에 맞게
    .short_url{margin-bottom:15px;font-size:0.8em;color:#666;text-align:right;}
    .short_url a{color:#666}