0

HTML エディタに Google の Closure ライブラリを使用しようとしています。を作成したのgoog.editor.SeamlessFieldですが、幅に対して長すぎる単語を入力すると、スクロールバーが表示されてテキストが隠れてしまいます。これを修正するにはどうすればよいですか?

テキストが覆われたシームレスフィールド

これは Firefox でのみ発生しているようです。問題のデモを示す HTML を次に示します。

<!DOCTYPE html>
<html>
<head>
  <script type='text/javascript' src='/closure-library/closure/goog/base.js'></script>
  <script>
  goog.require('goog.dom');
  goog.require('goog.editor.SeamlessField');
  </script>
  <script>
  function init() {
     var d = goog.dom.getElement('div1');
     var f = new goog.editor.SeamlessField(d);
     f.makeEditable();
  }
  </script>
</head>
<body>


<div style='width:150px;'>
<div id='div1'>
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</div>
</div>

<button onclick='init();'>Create editor</button>
</body>
</html>
4

1 に答える 1

0

この SeamlessField コンポーネントによって生成される DOM フラグメントは、Chromium と Firefox で異なります。前者は従来の div 要素を取得し、後者は iFrame を発行します。このスキームは、Firefox がコンテンツ編集可能な要素を処理する方法と関係があります。iFrame をスタイリングすることで、スクロールバーを回避できるはずです。

于 2011-12-15T09:49:07.263 に答える