Jak dostosować pasek narzędzi programu cKeditor?

Question

Używam programu narzędziowego ckeditor i chcę dostosować pasek narzędzi i obszar wprowadzania tekstu jako lukę między dwoma zdaniami. nie jestem w stanie znaleźć toolbar.js lub config.js gdzie powinien zrobić zmiany ..

Jak dostosować powyższe zarówno

Answer 1

odpowiedź Sonal nie jest złe samo w sobie, ale robi” T ODNOSIĆ SIĘ DO CKEDYTORA.FCKeditor był (i jest) dobrym produktem, ale teraz został zastąpiony przez nowy CKEditor, więc używanie tych konfiguracji może nie działać.

Jak można przeczytać w docs here, można przekazać niestandardowe opcje konfiguracyjne poprzez edycję pliku config.js, który znajduje się w folderze głównym CKEditor (w świeży installation..if przeniosłeś to działać odpowiednio)

plik zawiera już te linie:

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

można znaleźć za całą listę dostępnych konfiguracji w ich API DOCS. Jadąc do swojego problemu, można ustawić, co chcesz/nie chcą w swoich paskach narzędzi takich jak ten (sprawdź 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' ] } 
]; 

jak dla linii będących do wysokiego, ja nie wiem, czy chcesz zmienić w trybie renderowania lub jeśli chcesz zmienić domyślne zachowanie tagu <p> w każdym z podziałów linii. W tym ostatnim przypadku należy użyć

config.enterMode = CKEDITOR.ENTER_BR; 

można znaleźć szczegółowe wyjaśnienie here (EnterMode §)

Jeśli chcesz, możesz też przejść niestandardowych configs w czasie wykonywania przy użyciu:

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

Or to (w celu zastąpienia niestandardowego spadkiem domyślnych)

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>