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

【问题标题】：WYSIWYG jquery editor splitting into two text area所见即所得的 jquery 编辑器分成两个文本区域
【发布时间】：2013-03-30 11:09:40
【问题描述】：

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

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

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

Thanks

【问题讨论】：

可以把你的代码放在jsFiddle吗？
您能告诉我们您使用的是什么 jquery 编辑器吗？是 wymeditor 吗？
如果没有在浏览器中看到此复制，则无法进行故障排除。最好的选择是在某处重复代码。检查浏览器源代码并查看是否创建了多个文本区域或脚本重复。还要在浏览器控制台中检查实时 html 以获取线索
@mdvlpr - 完成jsfiddle.net/8jQUn
@Pigueiras - 我正在使用github.com/akzhan/jwysiwyg

标签： jquery css ruby-on-rails ruby-on-rails-3

【解决方案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

【讨论】：

谢谢，我删除了预编译的资产，现在它工作正常。我仍然不确定是什么修复了它，但现在一切正常。一个问题，如何制作 element.style { min-height: 382px;width: 984px;} ？我可以在生成的 html 中看到代码，但在 css 文件中看不到它
我的意思是，这是 iframe 代码我想通过css增加高度，怎么做？