autoheight.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /*******************************************************************************
  2. * KindEditor - WYSIWYG HTML Editor for Internet
  3. * Copyright (C) 2006-2011 kindsoft.net
  4. *
  5. * @author Roddy <luolonghao@gmail.com>
  6. * @site http://www.kindsoft.net/
  7. * @licence http://www.kindsoft.net/license.php
  8. *******************************************************************************/
  9. KindEditor.plugin('autoheight', function(K) {
  10. var self = this;
  11. if (!self.autoHeightMode) {
  12. return;
  13. }
  14. var edit = self.edit;
  15. var body = edit.doc.body;
  16. var minHeight = K.removeUnit(self.height);
  17. edit.iframe[0].scroll = 'no';
  18. body.style.overflowY = 'hidden';
  19. function resetHeight() {
  20. edit.iframe.height(minHeight);
  21. self.resize(null, Math.max((K.IE ? body.scrollHeight : body.offsetHeight) + 76, minHeight));
  22. }
  23. /*
  24. * 如何实现真正的自动高度?
  25. * 修改编辑器高度之后,再次获取body内容高度时,最小值只会是当前iframe的设置高度,这样就导致高度只增不减。
  26. * 所以每次获取body内容高度之前,先将iframe的高度重置为最小高度,这样就能获取body的实际高度。
  27. * 由此就实现了真正的自动高度
  28. * 测试:chrome、firefox、IE9、IE8
  29. * */
  30. edit.afterChange(resetHeight);
  31. if (self.isCreated) {
  32. resetHeight();
  33. } else {
  34. self.afterCreate(resetHeight);
  35. }
  36. });