CKEditor & JavaScript - Regolare l'altezza e la larghezza in CKEditor

Question

Come posso regolare l'altezza in CKEditor?

Ecco il mio codice per CKEditor.

<script type="text/javascript"> 
    CKEDITOR.replace('content', 
     { 
      toolbar : 
      [ 
       ['Source'], 
       ['Bold','Italic','Underline','Strike'], 
      ] 
     }); 
</script> 

Answer 1

Aggiungere l'altezza e la larghezza impostazione nei parametri:

CKEDITOR.replace('content', 
    { 
     toolbar : 
     [ 
      ['Source'], 
      ['Bold','Italic','Underline','Strike'], 
     ], 
     height: 300, 
     width: 400 
    }); 

Answer 2

Vai a confi.js file che nel

CKEDITOR.editorConfig = function(config) { 
. 
. 
. 
. 
**config.height = 320;** 
}; 

Quindi, in realtà si solo bisogno di aggiungere config.height = required height;.

Answer 3

Questo può essere fatto facilmente aggiungendo poche righe di codice nel file di script comune.

1. Creare una variabile membro per ottenere la dimensione totale dei tag di paragrafo var ttl = 0;
2. Controllare ogni elemento del paragrafo per ottenere l'altezza esterna e aggiungere il valore al totale $(). Find ('p'). Each (function() { ttl + = $ (this) .outerHeight (true) ; });
3. Aggiungere l'intestazione dell'editor e la dimensione del piè di pagina che è stata trascurata. è 120 px! var total = total + 120;
4. Prendi un riferimento al tuo var etr = CKEDITOR.instance [''];
5. Ridimensiona la finestra in base al totale. etr.resize (,);

** Nota: non è necessario menzionare "px" né per larghezza né altezza. '%' è obbligatorio!

Questo è tutto!