YUI recommends YUI3.

YUI 2 has been deprecated since 2011. This site acts as an archive for files and documentation.

This documentation is no longer maintained.

YUI Library Examples: Rich Text Editor: Editor inside a Tabview Control

Rich Text Editor: Editor inside a Tabview Control

This example demonstrates how to render an Editor inside of a TabView Control.

Setting up the HTML

First we will begin by adding a simple div to the page with the id of e_tabs.

Setting up the TabView Javascript

Next we need to create the TabView control.

Now let's add some tabs

Now that we have created the Tabview control, we can add some tabs.

Note that we are saving a reference to the tab containing the Editor's textarea in the variable called editorTab

Rendering the Editor

Now that we have a place for the Editor to live, we can now render it.

Full Example Javascript Source

Copyright © 2013 Yahoo! Inc. All rights reserved.

Privacy Policy - Copyright Policy - Job Openings