0

我在控件之后和 textarea 之前得到了很大的空间（大约 300 像素）？在 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>

任何想法将不胜感激......

4

2 回答 2

1

这与您的 css 样式有关；浮动元素等。在 textarea 上初始化 jWysiwyg 后，还添加以下代码行：

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

这是因为在 Toolbar 之后有一个 div，其样式标签为“clear: both;”。上面的代码删除了样式标签并修复了问题。

于 2012-03-22T09:03:40.420 回答
0

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

于 2012-01-08T17:09:11.267 回答