Come posso passare informazioni di configurazione a CKEditor usando l'adattatore jQuery?

Question

Sto utilizzando l'ultimo CKeditor con jQuery adapter.

Ho funzionato correttamente e visualizzato.

Tuttavia, come io sono completamente nuovo per CKEditor, come faccio a passare nelle variabili di configurazione utilizzando il metodo di jQuery ?

Questo è quello che ho

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

Penso che da quello che ho letto, il primo argomento è destinata ad essere una richiamata, e il 2 ° la config. Ma fare questo non ha cambiato affatto l'editor.

Come utilizzare these config properties ecc. Utilizzando l'adattatore jQuery?

Answer 1

passai una funzione vuota ...

$('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' } 
}; 

sufficiente aggiungere rispettivo oggetto configurazione, sopra ho aggiunto coreStyles_bold, Tutto ho fatto è cambiare il "=" dalla documentazione CK API per un ":"

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

Ho realizzato utilizzando questo codice. Speriamo che questo aiuti.

Ecco il codice html:

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

e qui è il 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

Non sono sicuro se questa è una nuova funzionalità di CKEditor, ma voglio solo condividere la mia soluzione (nel caso in cui aiuti qualcuno a cercarlo ora):

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

... e il mio config si presenta così (semplicemente copiati i config.js default):

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

C'è una documentazione ufficiale per esso, vedere jQuery Adapter

Il metodo CKEditor() accetta due parametri opzionali :

• Una funzione di callback da eseguire quando l'editor è pronto.
• Le opzioni di configurazione specifiche per l'istanza Editor creato:

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