2014-12-18 2 views
0

나는 CKEditor을 처음 사용합니다. 커스텀 태그 요소 (pre)를 삽입하고 속성을 업데이트하는 플러그인을 작성했습니다.대화 상자를 호출하고 CKEditor에서 내용을 동적으로 채우기

사용자가 pre 태그 요소를 클릭하면 플러그인 대화 상자 (대화 상자 이름은 snippet)를 열려고합니다. 대화 상자에서 innerHTML 요소를 클릭하여 textarea을 채 웁니다.

두 가지 질문이 있습니다.

  1. 동적으로 플러그인 대화 상자를 호출하는 방법은 무엇입니까?

  2. 대화 상자의 요소에 액세스하는 방법은 무엇입니까?

답변

3

즐거운 시간은 official plugin development tutorial입니다. 모든 답변을 찾을 수 있습니다. 그래도 다른 플러그인의 대화 상자를 쉽게 다시 사용할 수는 없습니다. 다른 대화 상자가 필요합니다.

& 소스 코드를 복사하여 Source Dialog 플러그인의 dialog을 붙여 넣으면 매우 간단하며 플러그인으로 사용할 수 있습니다. Code Snippet dialog도 매우 간단합니다.

또한

  1. 당신은 Developer Tools plugin 유용 할 수 있습니다.
  2. You can observe various events with the API of the editor easily (including click).
+0

의견을 보내 주셔서 감사합니다. 이것은 내가 찾고있는 것이 아닙니다. 내 코드에서 대화 상자를 호출하려면 CKEditor.openDialog ('dialogname')와 같은 메소드가 필요합니다. 코드 스 니펫 대화 상자 플러그인에 대해 알고있었습니다. 그러나 나만의 맞춤 플러그인을 만들고 싶습니다. 플러그인 문서에서도 다른 방법으로 대화 상자의 요소에 액세스하는 방법에 대해서는 언급하지 않았습니다. – Kirubachari

+1

미리 정의 된 ['dialogCommands'] (http://docs.ckeditor.com/#!/api/CKEDITOR.dialogCommand)로 대화 상자가 열립니다. ['CKEDITOR.dialog.getCurrent()'] (http://docs.ckeditor.com/#!/api/CKEDITOR.dialog-static-method-getCurrent)를 사용하여 현재 대화 상자에 액세스 할 수 있지만 그렇게해야 할 경우 대화 상자는 [setup] (http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_2-section-setup-functions) 및 [commit] (http : // docs. ckeditor.com/#!/guide/plugin_sdk_sample_2-section-commit-functions) 기능을 사용하십시오. – oleq

+0

참고 링크를 제공해 주셔서 감사합니다. – Kirubachari

관련 문제