WYSIWYG jquery编辑器分成两个文本区域

Question

我很惊讶它为什么会发生，我正在使用jquery所见即所得的编辑器，它将文本区域分成两部分。知道可能导致这种情况的原因以及如何解决这个问题？

我在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