2012-10-11 5 views
8

버튼으로 인라인 편집을 켜고 끌 수 있어야합니다. 인라인 편집의 예를 여기를 참조하십시오 : http://nightly-v4.ckeditor.com/3559/samples/inlineall.htmlJavaScript로 CKEditor 4 인라인 편집 기능 켜고 끄기

내 마크 업 그래서입니다 :

<div contenteditable='true'>Mycontent</div> 

jQuery를 사용하여 나는 편집기를 온/오프 할 수 있어야합니다.

contenteditable을 false로 설정하려고했으나 작동하지 않습니다. 편집기가 contenteditable 설정을 토글하는 페이지로 다시로드되지 않습니다.

부록 : 버튼 클릭으로 모든 CKEditor 인라인 인스턴스를 파괴해야했습니다. 여기 내가 어떻게 했는가 :

 //kill all ckeditors 
     for(k in CKEDITOR.instances){ 
      var instance = CKEDITOR.instances[k]; 
      instance.destroy(); 
     } 

답변

6

jQuery가 도움이되지 않습니다. CKEditor의 API를 사용하십시오. 예 : 당신이 그것을 끄기를 원할 때마다 에디터를 파괴 할 수 있고 (http://nightly-v4.ckeditor.com/ckeditor_api/#!/api/CKEDITOR.editor-method-destroy 참고) 다시 켜서 켜기를 원할 것이다. "편집자를 해제"하는 다른 방법이있을 수 있지만, 그것이 당신에게 의미하는 바가 무엇보다 정확해야합니다.

+0

감사합니다. 실제로이 작업으로 인해 문제가 해결됩니다. 그래도 인라인 편집기를 다시 인스턴스화하는 방법은 무엇입니까? – izip

+0

처음 쓰는 것과 똑같은 방법으로 쓰고 싶었지만 자동으로 인스턴스화한다고 생각했습니다. D. 어쨌든 -'CKEDITOR.inline ('div_id')'. [이 데모] (http://nightly-v4.ckeditor.com/3559/samples/inlinebycode.html)를 확인하십시오. – Reinmar

+0

뭔가 잘못된 일을하고 있는지 잘 모르겠지만 인라인 인스턴스가 삭제 된 후에 툴바가 사라져도 편집기 영역은 여전히 ​​편집 가능합니다. 깜박이는 커서도 있습니다. CKEDITOR.inline();과 같이 작동하도록하려면 어떻게해야합니까? - 정적 인 콘텐츠를 뜻합니다. – NickSoft