2017-05-03 2 views
3

내가 같은 페이지 여기 두 CKEditor을 넣어 위해 노력하는 것은 내가 처음 ckeditor config.js여러 CKEditor는

CKEDITOR.editorConfig = function(config) { 
    config.language = 'en'; 
    // config.uiColor = '#AADC6E'; 

    CKEDITOR.stylesSet.add('my_custom_style', [ 
     { name: 'Page Title', element: 'h2', attributes: {'class': 'general-title min'} } 
    ]); 

    //Config the KCFinder 
    config.filebrowserImageBrowseUrl = "/laravel-filemanager?type=Images"; 
    config.filebrowserImageUploadUrl = "/laravel-filemanager/upload?type=Images&_token="; 


    config.toolbarGroups = [ 
     { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
     { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] }, 
     { name: 'forms', groups: [ 'forms' ] }, 
     '/', 
     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] }, 
     { name: 'links', groups: [ 'links' ] }, 
     { name: 'insert', groups: [ 'insert' ] }, 
     '/', 
     { name: 'styles', groups: [ 'styles' ] }, 
     { name: 'colors', groups: [ 'colors' ] }, 
     { name: 'tools', groups: [ 'tools' ] }, 
     { name: 'others', groups: [ 'others' ] }, 
     { name: 'about', groups: [ 'about' ] } 
    ]; 

    config.removeButtons = 'Save,NewPage,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Flash,Language,About'; 
}; 

을했고, 그 다음 내가 무엇을 가지고이 두 개의 동일한 페이지 마녀 formstextarea

있다
<form> 
    <div class="form-group"> 
     {!! Form::label('details', 'Details') !!} 
     {!! Form::textarea('details', '', array('class'=>'form-control', 'placeholder'=>'Enter Details...', 'rows'=>3)) !!} 
      <script> 
       CKEDITOR.replace('details'); 
      </script> 
    </div> 
</form> 

및 두번째

<form> 
    <div class="form-group"> 
     {!! Form::label('intro', 'Intro') !!} 
     {!! Form::textarea('intro', '', array('class'=>'form-control', 'placeholder'=>'Enter Details...', 'rows'=>3)) !!} 
     <script> 
      CKEDITOR.replace('intro'); 
     </script> 
</div> 
</form> 

첫 번째 항목은 정상적으로 작동하지만 두 번째 항목은 표시되지 않았습니다.

+0

나는 동적으로 여러 CK 에디터를 JS로 생성하고 다른 CK 에디터에 버튼을 추가 한 후에 이전의 것은 편집 할 수 없다. 그것은 CK 편집장과 가진 버그 같이 보인다 ... –

답변

0

나는 여기가 내 스타일이었다

CKEDITOR.stylesSet.add('my_custom_style', [ 
     { name: 'Page Title', element: 'h2', attributes: {'class': 'general-title min'} } 
    ]); 

잘못 무엇인지 발견하고, 그것이 외부해야 주요 CKEDITOR.editorConfig 내부에 안 그것은 확인을 작동

CKEDITOR.editorConfig = function(config) { 
    config.language = 'en'; 
    config.uiColor = '#AADC6E'; 
    ........... 
    ........... 
    ]; 

    config.removeButtons = 'Save,NewPage,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Flash,Language,About'; 
}; 

이제는 주 기능 밖에서 스타일 기능이 제공됩니다.

CKEDITOR.stylesSet.add('my_custom_style', [ 
    { name: 'Page Title', element: 'h2', attributes: {'class': 'general-title min'} } 
]);