gwt - 如何在客户端的 GWT 中创建可内容编辑的 <div>？

Question

我正在尝试在 GWT 中创建一个自定义小部件，该小部件创建一个内部包含 contenteditable=true 的 div。问题是，当我创建这个 div 并初始化这个小部件时，该 div 没有 contenteditable 属性。

我的代码:

public MyWidget(){
    FlowPanel panel = new FlowPanel();
    initWidget(panel);


    HTML div = new HTML("<div id=\"my-div\" contenteditable=true></div>");
    div.setText("hello there");
    div.addHandler(new MyWidgetKeyDownHandler(), KeyDownEvent.getType());

    mDiv = div;
    panel.add(div);
}

但是当我运行代码并检查源代码时，我看到了:

<div>
 <div class="gwt-HTML">hello there</div>
</div>

所以看起来它缺少 contenteditable 标签以及 id。我在这里做错了什么？如何创建这个 contenteditable div 小部件？

Answer 1

div.getElement().setAttribute('contenteditable', 'true');

我会解决您对特定 ID 的要求。您可以使用 EnsureDebugId 设置一个，但您可能会发现不使用它会更简单。