CKEditor - 도구 모음 단추에 현재 색 표시

Question

CKEditor에 도구 모음 단추를 추가하여 선택 항목의 현재 색을 표시하고 싶습니다. 이것이 가능한가?

지금까지 tutorial과 colorbutton 플러그인을 따라 새 툴바 버튼을 추가했지만 동적 프리젠 테이션으로 툴바 버튼 예제를 찾을 수 없습니다.

Answer 1

버튼에 투명한 이미지를 사용하고 플러그인 기능 내에서 버튼 스팬의 배경색을 설정할 수 있습니다.

할당 한 제목 (툴팁)으로 앵커 태그를 찾은 다음 해당 범위의 배경색을 id=cke_icon으로 설정하여 해당 범위를 얻는 것이 가장 쉬운 것 같습니다.

내 플러그인 버튼 중 하나의 HTML은 버튼이 호출하는 특정 플러그인의 이름이 사용되지 않고, 함수에 가변 함수 번호가 할당되어 있으므로 플러그인 이름을 사용할 수 없습니다. 당신은 색상에게 그들이 여러 색상 여러 요소를 선택할 수 있기 때문에 사용자가 콘텐츠 영역의 일부를 선택할 때마다를 결정하려는 경우

<a id="cke_33" class="cke_off" 
onclick="CKEDITOR.tools.callFunction(71, this); return false;" 
onfocus="return CKEDITOR.tools.callFunction(70, event);" 
onkeydown="return CKEDITOR.tools.callFunction(69, event);" 
onblur="this.style.cssText = this.style.cssText;" aria-haspopup="true" 
aria-labelledby="cke_33_label" role="button" hidefocus="true" tabindex="-1" 
title="Block Background Color"> 

<span class="cke_icon" style="background-image:url 
(/ckeditor_3.6.1/plugins/cwmarcontentbackcolor/images/contentbackcolor16x16.png?t=B5GJ5GG); 
background-position:0 0px;"> 
</span> 

<span id="cke_33_label" class="cke_label">Block Background Color</span> 
<span class="cke_buttonarrow"> </span> 

</a> 

---

그것은 작품의 공정한 금액이 될 것입니다. 콘텐츠 영역을 단순히 클릭하더라도 DOM 트리를 따라 커서 위치가 색상을 상속받는 요소를 찾아야 할 수도 있습니다.

나는 다른 목표를 가진 또 다른 질문에 대한 플러그인을 도왔지만, 선택을 할 때마다 발사하고, 선택에 따라 객체를 만들고, DOM 트리를 따라 가면서 할당 된 클래스를 살펴 보았다. 요소들. 목표에 맞게 수정할 수 있습니다.

How to block editing on certain part of content in CKEDITOR textarea?