如何创建可编辑的内容<；部门>；在客户端的GWT中？

我正在尝试在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);
}

publicmywidget（）{
FlowPanel=新的FlowPanel（）；
初始化小部件（面板）；
HTML div=新的HTML（“”）；
div.setText（“你好”）；
div.addHandler（新的MyWidgetKeyDownHandler（），KeyDownEvent.getType（））；
mDiv=div；
面板。添加（div）；
}

但当我运行代码并检查源代码时，我看到：

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

你好

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

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

我将围绕您对特定id的要求进行工作。您可以使用EnsuredBugID设置一个id，但您可能会发现不使用它会更简单