Multiple Editors, One Toolbar

FreeTextBox ASP.NET: Multiple Editors, One Toolbar

In this example, the Toolbar on the side can be used for any of the FreeTextBox editors. This utilizes the TargetEditors property of the Toolbar object. The Toolbar can be placed anywhere on the page or allowed to freely float.

<div style="border: 1px solid rgb(204, 204, 204); margin: 10px; padding: 2px; float: right;"><img alt="X-Mark" src="../images/xmark.png" /></div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam pellentesque nisl in metus. Proin mollis, libero ac sodales consectetuer, est tortor vestibulum augue, vitae eleifend erat dolor vitae risus. Quisque in elit. Curabitur sit amet velit quis orci mattis egestas. In placerat orci auctor libero consectetuer tincidunt. Donec vitae lacus nec sapien ultrices feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer dictum enim quis dolor. Ut sapien. Duis sed magna non metus imperdiet euismod. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>Nunc sit amet nunc ac tortor cursus vulputate. Maecenas ut ipsum. Aenean vitae justo vitae turpis venenatis posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla metus massa, scelerisque in, convallis ut, pretium ut, ante. Ut porta tristique arcu. Aenean blandit. Fusce augue augue, facilisis et, adipiscing a, lacinia sit amet, velit. Donec erat nibh, faucibus eu, interdum sed, vulputate ut, mi. Aliquam sem enim, ornare commodo, condimentum non, vehicula ac, eros. Praesent at dui. Aliquam ultricies consequat dui. Duis arcu. Duis posuere eros in nisl.</p>


<table>
<tr>
<td>
    <FTB:FreeTextBox id="FreeTextBox1" width="300px" height="100px" IsToolbarVisible="false" runat="Server" />
    <br />
    <FTB:FreeTextBox id="FreeTextBox2" width="300px" height="100px" IsToolbarVisible="false" runat="Server" />
    <br />
    <FTB:FreeTextBox id="FreeTextBox3" width="300px" height="100px" IsToolbarVisible="false" runat="Server" />            
</td>
<td id="ToolbarTarget" >
    <FTB:Toolbar ID="Toolbar" TargetEditors="FreeTextBox1,FreeTextBox2,FreeTextBox3" runat="Server">
        <FTB:ToolbarGroup Title="Font">
            <FTB:ToolbarItem Name="ParagraphMenu" />
            <FTB:ToolbarItem Name="FontFacesList" />
            <FTB:ToolbarItem Name="break" />
            <FTB:ToolbarItem Name="Bold" />
            <FTB:ToolbarItem Name="Italic" />
            <FTB:ToolbarItem Name="Underline" />
            <FTB:ToolbarItem Name="Strikethrough" />
            <FTB:ToolbarItem Name="separator" />        
            <FTB:ToolbarItem Name="Superscript" />
            <FTB:ToolbarItem Name="Subscript" />
            <FTB:ToolbarItem Name="BulletedList" />
            <FTB:ToolbarItem Name="NumberedList" />
            <FTB:ToolbarItem Name="Indent" />
            <FTB:ToolbarItem Name="Outdent" />
        </FTB:ToolbarGroup>
        <FTB:ToolbarGroup Title="Format">
            <FTB:ToolbarItem Name="BulletedList" />
            <FTB:ToolbarItem Name="NumberedList" />
            <FTB:ToolbarItem Name="Indent" />
            <FTB:ToolbarItem Name="Outdent" />
            <FTB:ToolbarItem Name="break" />
            <FTB:ToolbarItem Name="InsertRule" />
            <FTB:ToolbarItem Name="InsertImage" />            
            <FTB:ToolbarItem Name="CreateLink" />
            <FTB:ToolbarItem Name="Unlink" />
        </FTB:ToolbarGroup>
    </FTB:Toolbar>
</td>
</tr>
</table>