Yahoo! Developer Network Home - Help

YDN Site Search

# YUI Library Examples: Rich Text Editor (beta)

# Rich Text Editor (beta): Examples

The Rich Text Editor is a UI control that replaces a standard HTML textarea. It allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor's Toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.

- Flickr Image Search: This example adds a button that opens a custom panel containing an AutoComplete Control that can be used to retrieve photos from Flickr.
- Calendar Plugin: This example adds a button to the Rich Text Editor's Toolbar that displays a Calendar control for choosing dates. It also demonstrates how to manage the state of a custom button.
- Icon Insertion: This example adds a button that opens a custom panel to insert custom icons.
- Plain Text Switcher: This example demonstrates how to toggle from a plain text field to the Rich Text Editor with a simple button click.
- Editor Data Post with Connection Manager: This example posts data to the server with Connection Mananger and returns filtered data.
- Skinning the Editor: Editor skinning is done via CSS. The Editor comes with a default skin, but you can extend or override this as needed.
- Default toolbar config: Here you will find the default config for the Editor's toolbar.
- Editor inside a Tabview control: Placing an Editor inside of a Tabview control.
- One editor, multiple edit areas: Have one Editor control several editable areas on a single page.

### Rich Text Editor (beta):

- User's Guide (external)
- API Documentation
- Cheat Sheet (PDF) (external)

Copyright © 2007 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings