ckeditor의 툴바를 어떻게 커스터마이징합니까?

Question

저는 ckeditor를 사용하고 툴바와 텍스트 입력 영역을 두 문장 사이의 간격으로 많이 사용자 정의하고 싶습니다. 내가 변경을해야 toolbar.js 또는 config.js을 찾을 수 없습니다입니다 ..

어떻게 '아무튼를 모두

Answer 1

Sonal의 대답은 위 자체가 잘못되지 않습니다 사용자 정의하지만, 않습니다 은행원을 참조하십시오.FCKeditor은 좋은 제품 이었지만 이제는 새로운 CKEditor로 대체되었으므로 이러한 구성을 사용하면 실제로 작동하지 않을 수 있습니다.

(당신이 그에 따라 행동 이동 installation..if 신선한에서)

당신이 문서 here에서 읽을 수 있습니다, 당신은 CKeditor의 루트 폴더에있는 config.js 파일을 편집하여 사용자 정의 구성 옵션을 전달할 수 있습니다

는 파일이 이미 이러한 행이 포함

CKEDITOR.editorConfig = function(config) 
{ 
     // Define changes to default configuration here. For example: 
    // config.language = 'fr'; 
    // config.uiColor = '#AADC6E'; 
}; 

당신은 자신의 API DOCS에서 사용 가능한 구성의 전체 목록을 찾을 수 있습니다. 문제에오고, 당신이합니다 (toolbar § 확인)이 /가이 같은 도구 모음에 원하지 않는 원하는 것을 설정할 수 있습니다 높게되는 라인으로

// This is actually the default value. 
config.toolbar_Full = 
[ 
    { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] }, 
    { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, 
    { name: 'editing',  items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }, 
    { name: 'forms',  items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] }, 
    '/', 
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }, 
    { name: 'links',  items : [ 'Link','Unlink','Anchor' ] }, 
    { name: 'insert',  items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] }, 
    '/', 
    { name: 'styles',  items : [ 'Styles','Format','Font','FontSize' ] }, 
    { name: 'colors',  items : [ 'TextColor','BGColor' ] }, 
    { name: 'tools',  items : [ 'Maximize', 'ShowBlocks','-','About' ] } 
]; 

을 모르겠어요 당신이 경우 렌더링 모드에서 변경하거나 각 줄 바꿈시 <p> 태그를 기본 설정으로 변경하려는 경우

CKEDITOR.replace('#textarea_id', { customConfig : '/myconfig.js' }); 

또는를 : 후자의 경우, 당신이 원하는 경우에, 당신은 또한 사용하여 런타임에 사용자 정의 CONFIGS를 전달할 수 있습니다 당신은 자세한 설명 here (EnterMode §)

을 찾을 수 있습니다

config.enterMode = CKEDITOR.ENTER_BR; 

를 사용 이 기본 설정을 기본 설정의 후퇴로 바꾸려면

CKEDITOR.replace('#textarea_id', { customConfig : '' }); 

//docs.cksource :

Answer 2

<script type="text/javascript"> 
    $(document).ready(function(){ 
     CKEDITOR.replace(
      'textarea_name', 
      { 
       toolbar: [ 
        ['Image','Flash'] 
       ], 
      }, 
      {height: 550},{width:500} 
     ); 
    }); 
</script>