2016-09-16 3 views
0

단어를 강조 표시 할 수있는 Ckeditor의 도구 모음에 단추를 만들고 싶습니다. 단어가 강조 표시되면 단어 옆에 "x"단추가있어서이를 클릭하여 강조 효과를 제거 할 수 있습니다.단어를 강조 표시하지 않으려면 ckeditor 요소에 이벤트를 추가하는 방법

<span class="highlight">sample <span class="remove-highlight></span></span> 

하이라이트 구현은 나에게 도움이되지만 닫기 버튼 (x)은 문제입니다. 누구든지 아이디어가 있습니까? 덕분에 많은

enter image description here

+0

현재 이것을 달성하려는 방법을 보여주는 코드를 게시 할 수 있습니까? – thanksd

+0

[mark.js] (https://markjs.io)를 시도하셨습니까? – dude

+0

http://ckeditor.com/addon/placeholder와 같은 것이 필요하지만 자리 표시 자 옆에있는 제거 단추가 표시되어 제거 할 수 있습니다. –

답변

0

두 번째 범위를 필요가 없습니다. 제거 강조 표시에 대한 CSS 규칙이있는 경우 당신은 할 수 있습니다 :

$("#X").on('click',function(){ 
$("span").removeClass("highlight); 

$("span").addClass("remove-highlight"); 

}); 

하지만 당신은 물리적으로 HTML로 제거 강조 표시 규칙을 결합 할 필요가 없습니다.

+0

고마워요.하지만 제 질문은 대부분 Ckeditor에 관한 것입니다. –