Integrate FCKEditor in SEAM

<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                template="layout/template.xhtml">



<ui:define name="body">

        <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
        <script type="text/javascript">

        window.onload = function()
        {
        var oFCKeditor = new FCKeditor( 'pageForm:xyz') ;
        oFCKeditor.BasePath = "fckeditor/" ;
        oFCKeditor.ToolbarSet = 'MyToolbar' ;
        oFCKeditor.ReplaceTextarea() ;
        }
        </script>

    <h:messages globalOnly="true" styleClass="message"/>


    <rich:panel>

           <h:form id="pageForm">
                   Name: <h:inputText value=""/><br/>
                        <h:inputTextarea id="xyz" value="Test TEST"></h:inputTextarea>
           </h:form>

    </rich:panel>


</ui:define>
</ui:composition>