CKEditor & JavaScript - Ajuste la altura y el ancho en CKEditor

Question

¿Cómo puedo ajustar la altura en CKEditor?

Aquí está mi código para CKEditor.

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

Answer 1

Añadir la altura y ajuste de ancho en los parámetros:

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

Answer 2

Ir a confi.js archivo y en el

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

Así que en realidad sólo tiene que añadir config.height = required height;.

Answer 3

Esto se puede hacer fácilmente agregando algunas líneas de código en su archivo de script común.

1. Cree una variable miembro para obtener el tamaño total de las etiquetas de párrafo var ttl = 0;
2. Revise cada elemento de párrafo para obtener su altura exterior y agregue el valor de nuevo a total $(). Find ('p'). Each (function() { ttl + = $ (this) .outerHeight (true) ; });
3. Añadir el tamaño del encabezado y pie de página editor que fue descuidada. ¡es 120px! var total = total + 120;
4. Haga una referencia a su var etr = CKEDITOR.instance [''];
5. cambiar el tamaño de ventana de acuerdo con la total. etr.resize (,);

** Nota: No es necesario mencionar "px" ni para ancho ni alto. '%' ¡es deber!

Eso es todo!