CKEditor i JavaScript - Dostosuj wysokość i szerokość w CKEditor

Question

Jak mogę zmienić wysokość w CKEditorze?

Oto mój kod dla CKEditor.

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

Answer 1

Dodaj wysokość i szerokość ustawienie w parametrach:

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

Answer 2

idź do confi.js plik aw

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

Czyli po prostu trzeba dodać config.height = required height;.

Answer 3

Można to łatwo zrobić, dodając kilka linii kodu we wspólnym pliku skryptu.

1. Utwórz zmienną składową, aby uzyskać całkowity rozmiar znaczników akapitu var ttl = 0;
2. Sprawdź każdy element akapitu, aby uzyskać jego zewnętrzną wysokość i dodaj wartość do łącznej wartości $(). Find ('p'). Each (function() { ttl + = $ (this) .outerHeight (true) ; });
3. Dodaj nagłówek i rozmiar edytora, które zostały pominięte. to 120 pikseli! var total = total + 120;
4. Odwołaj się do swojego var etr = CKEDITOR.instance [''];
5. Zmień rozmiar okna zgodnie z wartością całkowitą. etr.resize (,);

** Uwaga: Nie trzeba wspominać o "px" ani dla szerokości ani wysokości. "%" jest koniecznością!

To wszystko!