CKEditor 인라인 편집을위한 CDN 및 구성

Question

따라서 contenteditable=true을 가진 div가있는 페이지가 있고 //cdn.ckeditor.com/4.7.3/standard/ckeditor.js을로드하면 CKEditor로 편집 할 수 있습니다.하지만 사용하지 않기 때문에 CKEDITOR.replace()에 대한 구성을 보낼 수 없습니다. 편집자. contenteditable 필드로로드되는 CKEditor에 대한 도구 모음 구성을 어떻게 설정합니까?

Answer 1

는 CDN을 사용하려면, 난 두려워 만 옵션은 인라인 편집기를 원하는 경우

CKEDITOR.disableAutoInline = true; 
CKEDITOR.inline("div_id", { customConfig: "config.js" }); 

Answer 2

인라인 편집기를

을 사용하는 것입니다, 당신은 사업부를 대화를 CKEDITOR.inline 방법을 사용할 수 있습니다 인라인 편집기에 두 번째 인수에서 객체로 일반 구성을 전달할 수 있습니다.

var editor = CKEDITOR.inline('editor', { 
    uiColor: '66FFFF' 
}); 

Divarea 편집기

또 다른 옵션은 divarea 편집기를 사용하는 것입니다 : 당신이 그 (full example)처럼 할 수있는 UI 색상을 변경 구성 예. 그런 경우에는 보통 CKEDITOR.replace 방법을 사용하고 divarea 플러그인을 추가해야합니다. codepen 구현에 대한 링크가있는 구현 예입니다. https://codepen.io/msamsel/pen/YEbode 메인 웹 사이트의 CSS도 편집기 내부에 적용됩니다.

var editor = CKEDITOR.replace('editor', { 
    uiColor: '66FFFF', 
    extraPlugins: 'divarea' 
});