gwt - 在 IE 的 GWT-RichTextArea 中禁用水平滚动条

Question

如何在 gwt-richtextarea 中禁用水平滚动条

我应用了overflow-x:hidden，在firefox上工作正常，但在IE上不工作

Answer 1

RichTextArea使用iframe嵌入可编辑的 html 文档。

当您将样式设置为丰富区域时，您将它们设置为iframe元素，但在您的情况下，您必须将样式设置body为iframe #document.

这里的问题是如何获取 iframe 的内容文档，你必须使用 jsni，或者使用像gwt-query这样的 3party 库。

这适用于 qQuery：

  import static com.google.gwt.query.client.GQuery.*;

    RichTextArea area = new RichTextArea();
    RootPanel.get().add(area);

    $(area).contents().find("body").css($$("overflow-x: hidden"));

另一个问题是 iframe 中可编辑文档的创建在 gwt 中延迟。因此，如果您延迟样式设置，使用Timer.

使用 gquery，您可以使用该delay()方法

  $(area).delay(100, 
    lazy().contents().find("body").css($$("overflow-x: hidden")).done()
  );