[JQuery] CKEditor click event

·2022년 6월 7일
0

CKEditor에서 폰트 사이즈를 변경했을 때 자바스크립트로 이벤트를 줘야하는 상황

 var text = $(".cke_combo_text").text();
 $(document).on("click", text, function(){ 
   내용
 });
  • text는 CKEditor에서 글자크기를 보여주는 span의 text를 넣어준 변수
  • 작동은 하지만 폰트 크기 변경 직후 이벤트가 실행되는 코드는 아니어서 실패
    (크기 변경 후 다시 글자크기의 span을 클릭해야 내용 실행됨)
$(".cke_combo_text").on(function (e){
 	내용
 });
  • 작동안함

https://stackoverflow.com/questions/19490380/ckeditor-on-font-size-change-event
구글링 한참만에 해결

CKEDITOR.instances.textarea이름.on('change', function() {
    ex) var fontSize = $(".cke_combo_text").text(); // 글꼴+크기를 같이 가져오기 때문에 크기만 필요하면 문자열자르기 함수를 사용하여 크기만 가져와서 사용
    .
    .
    .
});
  • 'change'를 'click'으로 하면 작동안함
  • function 안에 폰트크기가 변경되면 주고 싶은 이벤트를 넣어줬더니 폰트 크기 변경할 때마다 잘 작동함!

0개의 댓글