Click
Click Examples

Version 2.3.0

Hosted by Avoka Technologies

Email Form

 

This text field can contain stylized text and graphics. To cycle through all formatting options, use the keyboard shortcut Shift + Escape to place focus on the toolbar and navigate between options with your arrow keys. To exit this text editor use the Escape key and continue tabbing.

Common formatting keyboard shortcuts:

  • Control Shift B sets text to bold
  • Control Shift I sets text to italic
  • Control Shift U underlines text
  • Control Shift L adds an HTML link

You have left the Rich Text Editor.

 

The form demonstrates a custom RichTextArea control using the YUI editor. The control overrides the Field method getHeadElements() to include its JavaScript imports automatically: 
public List getHeadElements() {
    if (headElements == null) {
        headElements = super.getHeadElements();
        headElements.add(new CssImport("/yui/fonts/fonts-min.css"));
        headElements.add(new CssImport("/yui/editor/skins/sam/simpleeditor.css"));
        headElements.add(new JsImport("/yui/yahoo-dom-event/yahoo-dom-event.js"));
        headElements.add(new JsImport("/yui/element/element-beta-min.js"));
        headElements.add(new JsImport("/yui/container/container_core-min.js"));
        headElements.add(new JsImport("/yui/editor/simpleeditor-min.js"));
    }

    ...

    return headElements;
}