CKEditor & JavaScript - Điều chỉnh chiều cao và chiều rộng trong CKEditor

Question

Làm cách nào để điều chỉnh chiều cao trong CKEditor?

Đây là mã của tôi cho CKEditor.

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

Answer 1

Thêm chiều cao và thiết lập chiều rộng theo các thông số:

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

Answer 2

Đến confi.js tập tin và trong

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

Vì vậy, thực sự bạn chỉ cần thêm config.height = required height;.

Answer 3

Điều này có thể dễ dàng thực hiện bằng cách thêm vài dòng mã trong tệp tập lệnh phổ biến của bạn.

1. Tạo biến thành viên để nhận được tổng kích thước của thẻ đoạn var ttl = 0;
2. Kiểm tra từng phần tử đoạn để có chiều cao ngoài và thêm giá trị trở lại tổng số $(). Tìm ('p'). Each (function() { ttl + = $ (this) .outerHeight (true) ; });
3. Thêm đầu trang và kích thước chân trang của trình chỉnh sửa đã bị bỏ qua. 120px! tổng cộng var = tổng cộng + 120;
4. Tham chiếu đến var etr = CKEDITOR.instance [''];
5. Thay đổi kích thước cửa sổ của bạn theo tổng số. etr.resize (,);

** Lưu ý: Không cần đề cập đến 'px' cho chiều rộng và chiều cao. '%' là phải!

Vậy đó!