CKEDITOR의 요소에 onclick 이벤트를 추가 할 수 있습니까?

Question

ckeditor에는 소스보기와 WYSiWYG보기의 두 가지 편집 모드가 있습니다.

소스보기 모드에서 html 코드를 추가 할 수 있습니다. 그러나 WYSiWYG 모드에서는 툴바 및 허용 된 속성 만 사용하여 재생합니다. HTML에 익숙하지 않은 사용자를 위해 편집기에서 요소의 이벤트를 정의하는 방법을 찾습니다 (예 : onclick = "alert ('test');).

어떤 방법이 있습니까?

이미지의 경우 ID, 제목, 스타일 및 클래스를 ckeditor에서 지정할 수 있습니다. 하지만 그게 전부입니다. config.js와 같은 항목에 더 많은 속성을 추가하거나 활성화 할 수있는 방법이 있다면 매우 좋습니다.

미리 감사드립니다.

한국에서.

Answer 1

이 question에 대한 답변을 살펴보십시오. 나는 당신의 질문을 올바르게 해석한다면 그것은 매우 간단하다고 생각합니다.

정의 중에 대화 상자를 사용자 정의하고 "onclick"필드를 추가 한 다음 설치 및 커밋 기능에서 내용을 설정하고 가져옵니다.

또한 getData 동안 html이 처리되는 방법에 대한주의 사항을 살펴보십시오. onclick이 유효하지 않은 경우 문제가 발생할 수 있습니다. (유효한 html 속성을 추가 한 적이 없으며 문제가 발생한 다른 질문을 보았습니다.)

대화 상자 수정에 대한 배경은 ckeditor/_samples/api_dialog.html을 참고하십시오.

Answer 2

튜토리얼 "간단한 CKEditor 플러그인 만들기"튜토리얼 1 부와 2 부 (here)의 코드를 수정하고 수정하여 onclick 이벤트를 추가하는 대화 상자 플러그인을 만들었습니다. 당신이 ckeditor에 삽입 할 요소를 만든 후에는 코드

element.setAttribute('onclick','fuu()'); 

자습서를 읽어 일단이 더 이해가됩니다의 라인을 삽입하여 onclick 이벤트를 추가 할 수 있습니다.

이 방법의 한 가지 문제점은 컨텍스트 메뉴를 통해 대화 상자를 다시 열 때이 값을 변경할 수 없다는 것이고 그 이유는 확실하지 않습니다.