Question

我在控制之后和textarea之前获得了一个大空间（大约300px）？在Chrome，Firefox和IE9中。我已尝试使用默认的jWysiwyg，但得到同样的东西。

function($) {
$('#news').wysiwyg({
controls: {
  strikeThrough : { visible : true },
  underline     : { visible : true },
  separator00 : { visible : false },

  justifyLeft   : { visible : true },
  justifyCenter : { visible : true },
  justifyRight  : { visible : true },
  justifyFull   : { visible : true },

  separator01 : { visible : true },

  indent  : { visible : true },
  outdent : { visible : true },

  separator02 : { visible : true },

  subscript   : { visible : true },
  superscript : { visible : true },

  separator03 : { visible : true },

  undo : { visible : true },
  redo : { visible : true },

  separator04 : { visible : true },

  insertOrderedList    : { visible : true },
  insertUnorderedList  : { visible : true },
  insertHorizontalRule : { visible : true },

  separator07 : { visible : true },

  cut   : { visible : true },
  copy  : { visible : true },
  paste : { visible : true }
},css : "ttwcadm.css" 
}); 
})(jQuery);

我的HTML是

<form method="post" id="newsform" action="index.php?page=6">
    <textarea id="news" name="news">
        <?php include($newsfile); ?>
    </textarea>
</form>

非常感谢任何想法...

Answer 1

这与你的CSS风格有关;浮动元素等。在textarea上初始化jWysiwyg后，还要添加以下代码：

$('div.wysiwyg div').removeAttr('style');

这是因为工具栏后面有一个div，其样式标记为“clear：both;”。上面的代码删除了样式标记并修复了问题。

Answer 2

此问题是由textarea左侧的浮动元素引起的。空间是浮动元素的高度！解决方法是浮动包含textarea的div。希望这有帮助

jWysiwyg在控件之后和textarea之上的jQuery大空间

2 个答案: