Jak przekazać informacje o konfiguracji do CKEditor przy użyciu adaptera jQuery?

Question

Używam najnowszego CKeditor z jQuery adapter.

Udało mi się go uruchomić i wyświetlić.

Jednak, jak jestem zupełnie nowy w CKEditor, jak mogę przechodzić w zmiennych konfiguracyjnych przy użyciu jQuery metody?

To co mam

$('#input-content').ckeditor('', { 
    toolbar: 'basic' 
}); 

myślę że z tego co czytałem, pierwszy argument ma być zwrotna i 2. config. Ale zrobienie tego wcale nie zmieniło edytora.

Jak korzystać z these config properties itp. Przy użyciu adaptera jQuery?

Answer 1

zdałem funkcja pusta ...

$('textarea#my').ckeditor($.noop, { 
    property: 'value' 
}); 

Answer 2

var config = { 
    toolbar: 
    [ 
     ['Source','-','Save','NewPage','Preview','-','Templates'], 
     ['Maximize', 'ShowBlocks','-','About'] 
    ], 
    coreStyles_bold: { element : 'b', overrides : 'strong' } 
}; 

Wystarczy dodać odpowiedni obiekt config przede dodałem coreStyles_bold, Wszystko zrobiłem to zmienić „=” z dokumentacji API Do CK ":"

Answer 3

$(document).ready(function(){ 
    $('.reply').click(
    function(event){ 
     // Event click Off Default 
     event.preventDefault(); 
     // CKEditor 
     $(function(){ 
      var config = {toolbar:[['Bold', 'Italic', '-', 'Link', 'Unlink']]}; 
      //<?php /*echo"var config = {toolbar:[['Bold', 'Italic', '-', 'Link', 'Unlink']]};" ;*/ ?> 
      // DOM class = "cke" 
      $('textarea.cke').ckeditor(function(){}, config);     
     }); 
     return false; 
    }); 
}); 

Answer 4

Dokonałem tego używając tego kodu. Mam nadzieję, że to pomaga.

Oto html:

<textarea id="txtMessage" class="editor"></textarea> 

i oto javascript:

try { 
     var config = 
      { 
       height: 180, 
       width: 515, 
       linkShowAdvancedTab: false, 
       scayt_autoStartup: true, 
       enterMode: Number(2), 
       toolbar_Full: [['Styles', 'Bold', 'Italic', 'Underline', 'SpellChecker', 'Scayt', '-', 'NumberedList', 'BulletedList'], 
           ['Link', 'Unlink'], ['Undo', 'Redo', '-', 'SelectAll']] 

      }; 

     $('textarea.editor').ckeditor(config); } 

Answer 5

jQuery(function(){ 
     var config = { 
      toolbar: 
      [ 
       ['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Undo', 'Redo', '-', 'SelectAll'], 
       ['UIColor'] 
      ] 
     };  
     jQuery('#textAreaElement').ckeditor(config); 
    }); 

Answer 6

Nie jestem pewien, czy jest to nowa funkcja CKEditor, ale po prostu chcesz podzielić się moją rozwiązanie (w przypadku, gdy pomaga każdemu, kto szuka teraz tego):

$("textarea.youreditor").ckeditor 
(
    { 
     customConfig: "/path/to/custom/config.js" 
    } 
); 

... i mój config wygląda następująco (po prostu skopiowane config.js domyślnie):

CKEDITOR.editorConfig = function(config) 
{ 
    config.toolbar_Full = 
    [ 
     { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 
     { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] }, 
     { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] }, 
     { name: 'colors', items : [ 'TextColor','BGColor' ] } 
    ]; 
};  

Answer 7

Istnieje oficjalna dokumentacja dla niej, zobacz jQuery Adapter

Sposób CKEditor() przyjmuje dwa parametry opcjonalne :

• Funkcja wywołania zwrotnego do wykonania, gdy edytor jest gotowy.
• opcje specyficzne dla utworzonej instancji edytora konfiguracji:

 
    $('textarea').ckeditor({ 
     uiColor: '#9AB8F3' 
    });