tinymce-for-vaadin

Wrap TinyMCE into Vaadin custom field

View larger

Close

TinyMCE for Vaadin

Just another TinyMCE wrapper project for Vaadin. This project is wrapping the official TinyMCE Web Component as a CustomField.

Simple usages

TinyMceField tinyMceField = new TinyMceField("Description");
tinyMceField.setWidthFull();
tinyMceField.setContent("<p>Hello World!</p>");

Configuration

You can configure this TinyMce, through TinyMceConfig class.

TinyMceConfig config = TinyMceConfig.builder()
        .width("100%")
        .apiKey("xxx-xxx-xxx")
        .menubar(List.of("false"))
        .plugins(List.of("anchor", "lists", "link", "code", "fullscreen"))
        .toolbar(List.of("undo", "redo", "|", "styleselect", "removeformat", "|", "bold", "italic", "underline", "|", "link", "anchor", "bullist", "numlist", "|", "alignleft", "aligncenter", "alignright", "alignjustify", "|", "outdent", "indent", "code", "fullscreen"))
        .build();
TinyMceField message = new TinyMceField("message", config);

Through TinyMceConfig class you can configure the following properties:

• api key
• plugins
• toolbar
• toolbar mode
• menubar
• context menu
• content css
• content style
• width
• height
• resize
• skin
• icon

Links

• Source code
• Issue tracker

Compatibility