8
votes

CKEditor & JavaScript - Ajuster la hauteur et la largeur de CKeditor

Comment puis-je régler la hauteur dans ckeditor?

Voici mon code pour CKeditor. P>

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

javascript ckeditor

0 commentaires

3 Réponses :

25
votes

Ajoutez le réglage de la hauteur et de la largeur dans les paramètres:

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

1 commentaires

où 'Content' est ID ou nom de la balise Textarea.

1
votes

Allez sur le fichier Confi.Js et dans le

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

0 commentaires

0
votes

Cela peut être facilement effectué en ajoutant quelques lignes de code dans votre fichier de script commun.

Créer une variable de membre pour obtenir la taille totale des balises de paragraphe var ttl = 0;
Vérifiez chaque élément de paragraphe pour obtenir la hauteur externe et appendez la valeur au total. $ (). Trouver ('P'). Chacun (fonction () { ttl + = $ (this) .outerheight (vrai); });
Ajoutez l'enrideur de l'éditeur et la taille de la page de page qui a été négligée. C'est 120px! VAR TOTAL = TOTAL + 120;
Prenez une référence à votre Var ETR = ckeditor.Instance [''];
redimensionner votre fenêtre en fonction du total. ETR.Resize (,);
** NOTE: Pas besoin de mentionner "PX" ni pour la largeur ni la hauteur. '%' est dû!
C'est ça!

0 commentaires