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
Compatibility
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 RichTextAreaIssue 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.