Q&A

특정 글자만 색상을 바꾸는 스크립트

2021.05.02 12:40
5,489
0
CMS/프레임워크 Rhymix 2.0
개발 언어 PHP 7.2

라이믹스 템플릿에서 출력되는 페이지에서 

특정 클래스 .target 안의 특정 문자를 찾아 색상을 모두 바꾸고 싶은데요.

 

한페이지에 .target은 여러개가 출력이 됩니다.

 

색상을 바꿀 문자는 $string 으로 가변적입니다.

댓글 4

  • 2021.05.02 13:26 #1565063
    그냥 라이브러리 https://markjs.io/ 를 활용했습니다.
  • 2021.05.02 13:39 #1565082

    루프 돌리고 정규식 쓰면 될 것 같은데요.

    $('.target').each(function() {
        $(this).html($(this).html().replace(/특정문자/g, '<span style="color:#336699">특정문자</span>'));
    });

  • 2021.05.02 13:59 #1565107
    감사합니다. 한번에 여러개 처리할 일도 있어서 겸사해서 라이브러리를 그냥 쓰게 될 것 같습니다.
    예전에 만드신 애드온 한번 봤는데 이게 들어있는거 아까 보긴 했네요.

    한번에 단어 하나만 변경할때 써먹어 보겠습니다.
  • 2021.05.02 14:18 #1565118

    바로 써먹을 곳이 있어서 적용해 봤습니다.

     

    화면 캡처 2021-05-02 231654.png

     

     

    주신 팁 + 아이디어 해서 스케치북 게시판에서 검색어 하일라이트 처리하는거 팁으로 작성해봐야겠네요.