jquery - 所见即所得的 jquery 编辑器分成两个文本区域

Question

我很惊讶为什么会发生这种情况，我正在使用 jquery wysiwyg 编辑器，它将文本区域分成两部分。知道可能是什么原因造成的，我该如何解决？

我在 Rails 上使用 ruby​​，这仅在开发中发生，在具有预编译资产的生产中发生，这不会发生。

编辑 - 我正在使用https://github.com/akzhan/jwysiwyg，这里是 jsfiddle http://jsfiddle.net/8jQUn/上的代码（html 部分是通过 rails 生成的，就像我说的，它可以在生产中使用但在发展中分裂）

Thanks

Answer 1

修复你的 CSS ：

你必须删除填充div.wysiwyg iframe

div.wysiwyg iframe {
  clear: left;
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  background-color: white;
  padding: 0px 13px; /*REMOVE PADDING*/
  margin: 0;
  display: block;
  width: 97%; /* like 900px*/
}

并将所有宽度固定为您div .wysiwyg和内部的唯一值iframe..

这是我编辑的：jsFiddle