검색어 강조 기능 추가

기본 XE/라이믹스는 통합검색 / 게시판 내 검색 기능 이용시 검색한 단어에 대해 강조해주는 기능이 없습니다.

XE타운 검색어 강조 애드온 을 이용하시면 굳이 코드를 직접 넣을 필요가 없습니다.

 

애드온을 테스트 해본 결과 게시판 내 검색에서는 잘 작동하지 않아 아래의 방법을 이용해 보도록 하겠습니다.

(테스트 환경마다 결과는 다릅니다)

 


 

아래 공식페이지에서 받으시거나 직접 제공하는 압축파일을 받습니다.

 

# 플러그인 공식페이지

http://bartaz.github.io/sandbox.js/jquery.highlight.html

jquery_highlight

 

해당 jquery.highlight.js 파일을 게시판 스킨에 넣습니다.

 

_header.html 아래의 코드를 넣습니다.

(기본 게시판 스킨 기준)

<load target=”js/jquery.highlight.js” />

<style>.highlight { color: #2ebaae;}</style>

<script type=”text/javascript”>

$(document).ready(function(){
var strKey = ‘{htmlspecialchars($search_keyword)}’;
if(strKey != ”){
$(‘.table-wrapper‘).highlight(strKey); // 적용위치 설정
}
});

</script>

 


 

음영된 부분만 수정해주시면 됩니다.

 

불러올 JS파일은 위치에 맞게 수정해주시면 됩니다.

스타일(style)은 CSS 파일을 이용하시길 권장하며 클래스 .highlight 는 변경하실 수 없으니 클래스 충돌에 주의하시길 바랍니다.

적용위치에 대한 부분은 스킨에서 검색어가 강조될 범위의 ID 및 클래스를 지정하시면 됩니다.

 


 

적용하셨으면 아래와 같이 보이는 페이지 검색 결과에 대해 강조가 됩니다.

 

스크린샷 2017-11-12 오후 3.29.21.png

 

댓글 남기기