如何使用样本中的工具栏创建RichTextArea

时间:2013-08-07 19:52:42

标签: gwt widget richtextarea

我已经在stackoverflow上搜索了同样的问题,我发现有人有同样的问题,但我无法用这个问题的答案解决我的问题。无论如何我是GWT的新手,当我尝试创建一个RichTextArea时,我认为它会产生类似于http://www.gwtproject.org/doc/latest/RefWidgetGallery.html中的样本(向下滚动直到看到RichTextArea)但是只有一个纯文本区域没有工具栏。我的怎么没有工具栏?有人可以帮助我,你能告诉我如何更改我的代码,使它看起来像样本。另外我认为它可能与Formatter或getFormatter方法有关,如果它可以告诉我如何做到这一点。这是我的代码:

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.RichTextArea;
import com.google.gwt.user.client.ui.RichTextArea.Formatter;
import com.google.gwt.user.client.ui.RootPanel;

public class Widgets implements EntryPoint 
{
private Button btn;
private Button cbtn;
private RichTextArea textArea;



    public void onModuleLoad() 
    {
         btn = new Button("Submit");
         cbtn = new Button("Clear");
         textArea = new RichTextArea();
         Formatter format = textArea.getFormatter();

         cbtn.addClickHandler(new ClickHandler(){

        public void onClick(ClickEvent event) {
        textArea.setText("");   
        }
    });

    RootPanel.get().add(textArea);
    RootPanel.get().add(btn);
    RootPanel.get().add(cbtn);
    }

}

3 个答案:

答案 0 :(得分:0)

看看GWT Showcase,Here。在源代码中,您可以看到有一个RichTextToolbar,您需要将其实例化并与RichTextArea关联。

答案 1 :(得分:0)

RichTextToolbar没有附带gwt-user jar。由于某些奇怪的原因,它仅在“Showcase”演示代码中进行编码和检查。

代码 - 您可以在gwt来源中找到样本的RichTextToolbar代码。

演示 - 看看GWT展示,Here

我们最终在源代码中复制了这个类,因为它不存在于gwt jar中。

答案 2 :(得分:0)

GWT Showcase中的RichTextToolbar未包含在GWT中(请参阅此issue)。它仅适用于样本。

您必须编写自己的工具栏。您还可以下载示例here的源代码并根据您的需要进行调整。