1

なぜそれが起こっているのか非常に驚いています。私はjquery wysiwygエディタを使用しており、テキスト領域を2つに分割しています。何が原因で、どうすれば修正できますか?

私は ruby​​ on rails を使用していますが、これは開発でのみ発生しており、プリコンパイル アセットを使用した本番環境では発生していません。

編集 - 私はhttps://github.com/akzhan/jwysiwygを使用しています。これは jsfiddle http://jsfiddle.net/8jQUn/のコードです(html 部分はレールを介して生成されます。私が言ったように、本番環境で動作します)しかし、開発中に分裂しています）

画像

Thanks
4

1 に答える 1

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

于 2013-03-30T13:13:56.750 に答える