Multiple fckEditor instance in same page

Many times we want to use multiple instances of FckEditor on same page. You may want to specify different attribute with <liferay-ui:input-editor> tag  like name , attribute , initMethod , onChangedMethod.

If you directly use <liferay-ui:input-editor> this tag. Then default behaviour will be some thing like this
initMethod -- <portlet:namespace>initEditor

function <portlet:namespace>initEditor() { return "Hello" ; }

So above fckEditor will be loaded with the predefine text "Hello".

How to get content for fckEditor ?

var fckEditorContent = window.<portlet:namespace>editor.getHTML();

Same way if we want to use another fckEditor on same page then specify attribute like this .

<liferay-ui:input-editor height="200" initmethod="initHeaderFckEditor" name="headerFckEditor" width="500">

Specify initMethod in this way.

function initHeaderFckEditor(){ return "Hello world" ; }

Get content

var customValue = window.headerFckEditor.getHTML();