RichTextToolbar

A server side widget for the toolbar of a RichTextArea

This Add-on is intended as a drop-in replacement for the RichTextArea by Vaadin. Most of it is just a copy of the original.

Added functionality so far:

• server side widget for the toolbar, which allows to place it decoupled from the text area. It is possible to attach multiple text areas to one toolbar.
• set the height to grow and shrink with the text
• i18n through sass variable
• more styling of toolbar through css
• styling content of area with css

See README for styling and I18n description

Sample code

VerticalLayout layout = new VerticalLayout();
RichTextToolbar rtt = new RichTextToolbar();
RichTextArea rta1 = new RichTextArea();
RichTextArea rta2 = new RichTextArea();
layout.addComponent(rtt);
layout.addComponent(rta1);
layout.addComponent(rta2);
rta1.setToolbar(rtt);
rta2.setToolbar(rtt);

public class DemoUI extends UI {

    @Override
    protected void init(VaadinRequest request) {
        final VerticalLayout layout = new VerticalLayout();
        RichTextToolbar rtt = new RichTextToolbar();
        rtt.setSingleLinePanel(true); // only one row of buttons and selects
        rta.setAutoGrowHeight(true); // start small and grow/shrink with text
        layout.addComponent(rtt);
        layout.addComponent(rta);
        rta.setToolbar(rtt);
        setContent(layout);
    }
}

Links

• Source Code
• Issue Tracker
• README

Compatibility