Directory

← Back

RichTextToolbar

A server side widget for the toolbar of a RichTextArea

Author

Rating

Popularity

<100

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);
    }
}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Firefox 49+ has Problems with styling of select options. To make the color select usable again under Firefox the color names are set as text for the options. To allow i18n it is possible to set the names for the six colors.

Released
2017-04-26
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.4+
Vaadin 7.5 in 1.5.0
Vaadin 7.4 in 1.5.0
Vaadin 7.3 in 1.3.0
Vaadin 7.3+ in 1.2.1
Vaadin 7.0+ in 0.7.4
Vaadin 6.8 in 0.1.0
Browser
Internet Explorer
Firefox
Opera
Google Chrome
Internet Explorer
Internet Explorer

RichTextToolbar - Vaadin Add-on Directory

A server side widget for the toolbar of a RichTextArea RichTextToolbar - Vaadin Add-on Directory
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
Source Code
Issue Tracker
README

RichTextToolbar version 0.1.0
Fixing bugs appearing when using the area in a table (unfortunately with an ugly hack). Adding a function to layout the toolbar in one row.

RichTextToolbar version 0.7.0
Version for Vaadin 7. Added a feature to let the height automatically grow with the content.

RichTextToolbar version 0.7.1
Improved autoGrowHeight feature and browser compatibility.

RichTextToolbar version 0.7.2
small fix for forefox

RichTextToolbar version 0.7.3
fixed a problem whith blur event on chrome when using in a table in dragmode and setting focus while initializing.

RichTextToolbar version 0.7.4
slight improvements for using it in tables (PMTable)

RichTextToolbar version 1.0.0
Version 1.0.0 depends on Vaadin 7.3. it uses sass and the valo theme. It is not compatible with the older version: - setFont function removed!

RichTextToolbar version 1.1.0
Improved growing height feature

RichTextToolbar version 1.2.0
fixed problem with IE10

RichTextToolbar version 1.2.1
fixing bug introduced with 1.2.0

RichTextToolbar version 1.3.0
Shows content while draged

RichTextToolbar version 1.4.0
vaadin 7.4

RichTextToolbar version 1.5.0
improved automatic height calculation

RichTextToolbar version 1.5.1
fixed detection of current area in the toolbar

RichTextToolbar version 1.6.0
Fixed a problem with Firefox on Windows

RichTextToolbar version 1.7.0
Firefox 49+ has Problems with styling of select options. To make the color select usable again under Firefox the color names are set as text for the options. To allow i18n it is possible to set the names for the six colors.

Online