Editor with Custom Image Browser

This example will show how to open an "Image Browser" for the YUI Rich Text Editor.

Note: The "Image Browser" window will probably be blocked by your popup blocker.

Now, click on the "Insert Image" icon (the one outlined in blue) to see the "Image Browser" window.

This text field can contain stylized text and graphics. To cycle through all formatting options, use the keyboard shortcut Control + Shift + T to place focus on the toolbar and navigate between option heading names.

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 [ aligns text left
Control Shift | centers text
Control Shift ] aligns text right
Control Shift L adds an HTML link
To exit this text editor use the keyboard shortcut Control + Shift + ESC.

You have left the Rich Text Editor.