2017-12-04 1 views
0

자동으로 CKEditor는 "프레임"모드를 사용하려는 반면 "인라인"모드를 사용합니다.CKEditor 4 : "프레임 된"모드를 강제하는 방법

내 경우에는 이런 일이 벌어 지는데, 문서를 읽는 것이 정상적으로 보이지 않을지라도 나는 아마 잘못하고 있습니다.

나는 간단한 텍스트 영역을 가지고 있는데, 아무런 성공없이 contenteditable 속성을 추가하려고 시도했다.

<textarea name="text" class="form-control wysiwyg editor" id="text" rows="10" contenteditable="false"></textarea> 

이 대신 내가 편집기를 초기화되는 코드입니다 : 내가 this 및 설명서의 this page을 읽고

$(function() { 
    $('.editor.wysiwyg').each(function() { 
     CKEDITOR.disableAutoInline = true; 
     CKEDITOR.replace(this.id, { 
      disableNativeSpellChecker: false, 
      fontSize_sizes: '10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;30/30px;', 
      height: 375, 
      image2_alignClasses: [ 'float-left', 'text-center', 'float-right' ], 
      insertpre_class: false, 
      removeButtons: 'Font', 
      removeDialogTabs: false, 
      tabSpaces: 4, 
      toolbarCanCollapse: true, 
      toolbarGroups: [ 
       { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
       { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
       { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] }, 
       { name: 'links' }, 
       { name: 'insert' }, 
       { name: 'forms' }, 
       { name: 'tools' }, 
       { name: 'others' }, 
       '/', 
       { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
       { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] }, 
       { name: 'styles' }, 
       { name: 'colors' }, 
       { name: 'about' } 
      ], 
     }); 
    }); 
}); 

,하지만 난 아무것도 유용 발견하지 않았습니다.

jQuery 어댑터를 사용하고 있습니다.

어떻게하면됩니까? 고맙습니다.

+0

ckeditor를 사용하기 위해 textarea에 contenteditable 속성이 필요하지 않습니다. ckeditor가 없으면 시작하지 말고 오류가 발생하면 콘솔을 확인하십시오. 실행 설정이 정상적으로 보입니다. – SAZ

+0

@saz 미안하지만, CKEditor는 "인라인"모드에서 시작하고 "프레임 모드"로 시작하지 않는다는 것만 시작합니다. 콘솔에 오류가 없습니다. –

답변

0

해결.

이 문제는 divarea 플러그인으로 인해 발생했습니다. 대신 IFrame Editing Area 플러그인을 사용해야합니다.

이가 다른 플러그인 백필 경우에만 비활성화 할 수 있습니다 고전, iframe을 기반 편집기의 핵심 기능 (예입니다 :

사실은, 플러그인 페이지에서이 있다고 설명한다 Div 편집 영역으로 사용) 또는 인라인 편집기 만 사용하는 경우.

설명서에 설명되어 있지 않은 점 (설명서를 누가 누가 처리하는지보고하는 방법).

그래서 올바른 플러그인이 있는지 확인한 다음 removePlugins 구성 옵션을 사용하여 divarea 플러그인을 사용 중지했습니다.

관련 문제