see below steps to add ckeditor in liferay !!!
Add below lines in jsp file
<form action="....." onClick="saveData()">
<liferay-ui:input-editor name='<%= renderResponse.getNamespace() + "structure_el_TextAreaField_content" %>' editorImpl="<%= EDITOR_WYSIWYG_IMPL_KEY %>" toolbarSet="liferay-article" onChangeMethod='<%= renderResponse.getNamespace() + "editorContentChanged" %>' width="100%" />
function <portlet:namespace />initEditor() {
return "<%= UnicodeFormatter.toString(content) %>";
}
function saveData(){
var content = window.<portlet:namespace />editor.getHTML();
alert(content );
}
Add below lines in jsp file
<form action="....." onClick="saveData()">
<liferay-ui:input-editor name='<%= renderResponse.getNamespace() + "structure_el_TextAreaField_content" %>' editorImpl="<%= EDITOR_WYSIWYG_IMPL_KEY %>" toolbarSet="liferay-article" onChangeMethod='<%= renderResponse.getNamespace() + "editorContentChanged" %>' width="100%" />
function <portlet:namespace />initEditor() {
return "<%= UnicodeFormatter.toString(content) %>";
}
function saveData(){
var content = window.<portlet:namespace />editor.getHTML();
alert(content );
}