Làm cách nào để tùy chỉnh thanh công cụ của ckeditor

Question

Tôi đang sử dụng ckeditor và muốn tùy chỉnh thanh công cụ và vùng nhập văn bản làm khoảng cách giữa hai câu. Tôi không thể tìm ra toolbar.js hoặc config.js nơi tôi nên làm gì thay đổi ..

làm thế nào để tùy chỉnh trên cả hai

Answer 1

câu trả lời Sonal là không sai trong chính nó, nhưng doesn' T ĐỂ THAM GIA CKEDITOR.FCKeditor là (và là) một sản phẩm tốt, nhưng bây giờ nó được thay thế bởi CKEditor mới, vì vậy việc sử dụng những cấu hình đó có thể không thực sự hoạt động.

Như bạn có thể đọc trong các tài liệu here, bạn có thể vượt qua tùy chọn cấu hình tùy chỉnh bằng cách chỉnh sửa tập tin config.js, mà nằm ở thư mục gốc của ckeditor (trong một tươi installation..if bạn di chuyển nó hành động phù hợp)

các tập tin đã có chứa những dòng này:

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

Bạn có thể tìm thấy danh sách toàn bộ cấu hình sẵn trong API DOCS của họ. Đến với vấn đề của bạn, bạn có thể đặt những gì bạn muốn/không muốn trong thanh công cụ của bạn như thế này (kiểm tra 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' ] } 
]; 

Đối với các dòng là đến cao, tôi không biết nếu bạn muốn thay đổi ở chế độ hiển thị hoặc nếu bạn muốn thay đổi hành vi mặc định của việc nhập thẻ <p> vào mỗi ngắt dòng. Trong trường hợp sau, sử dụng

config.enterMode = CKEDITOR.ENTER_BR; 

Bạn có thể tìm thấy một lời giải thích chi tiết here (EnterMode §)

Nếu bạn muốn, bạn cũng có thể vượt qua configs tùy chỉnh khi chạy bằng cách sử dụng:

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

Hoặc này (để thay thế tùy chỉnh của bạn bằng hình ảnh thu nhỏ của các tùy chọn mặc định)

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

Answer 2

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