using ephox edit live edit as default Rich text editor for WCM

1) install Ephox application on to your server if its not already installed
you can download ephox edit live from
http://ephox.com/download

download Ephoxeditlive for wcm. version.

login to Websphere Application Server Administration Console

Navigate to Applications->Application Types -> Websphere enterprise applications
click on Install and select the ear file you downloaded  and click next
keep the default options keep going to next pages.
make sure you select websphere_Portal as the server not server1  while installing the ear and finish the installation and save the configuration.

start the application if its not already started.

2) specifiy the editlivejavaeditor.jsp in wcm
now Login to portal as administrator and nagive to wcm autoring portlet -> click on prefernces and click configure.

Expand the RichTextOptions section , select Custom Editor in the dropdown and enter the following in the text box "/wps/ephox/;jsp/html/EditLiveJavaEditor.jsp"
and click OK.

then click on editSharedSettings ,

Expand the RichTextOptions section , select Custom Editor in the dropdown and enter the following in the text box "/wps/ephox/;jsp/html/EditLiveJavaEditor.jsp"
and click OK.

now go to any content item that uses rich text and you can see its using ephoxlive edit instead of IBMs default RTE. you can see the difference in the below images.
you can toggle between the design view and code view in the bottom left corner. 

IBMs default RTE

Ephox editlive 

ephox editlive 

Create Portal Page Templates

Portal Page Templates are used to simplify the Process while creating new portal pages by using these pre defined Portal page templates.

To create a page template Login to Portal as Administrator.

Navigate to Administration -> Manage Pages.

then  Content Root -> Administration -> websphere Portal -> Portal User Interface -> Page Templates.

and click on New Page or New Page from if you want to use an already defined page template.  I will use New Page for now  and fill out the form with the details as shown in below image

and select 3 column layout.

and click OK.
and Clik OK on the next page as well.

Now click edit page layout on the page you just created

and Add portlets as snown in the figure below. and click Done.

we are done creating the Page templage. Now we will see how to use this page template we just created.
Navigate to Administration  -> manage pages -> Content Root -> Home and click on New Page From
enter the page title and friendly url and in the page template drop down select the page template we just created. as shown in the pic below. and press ok.

Navigate to the page you just created and should be able to see a page with the 3 portlets you added.

*I would prefer to create a page Template corresponding to the Layout Template.
lets say i will create a page template that uses 3 column layout so i would name the page template as ThreeColumnPageTemplate that way in future if i want to create a page with 3 column layout all i have to do is select the threecolumnpagetemplate.