How to send data to server from html component in JSF

Question

I have a CKEditor in my page. Like this Facelet Title function comeBack(){ document.getElementById(editorValue).value = this.value; } CKEDITOR.replace( 'editor1' ); @ManagedBean @ViewScoped public class EditorBean { private String value; /** Creates a new instance of EditorBean */ public EditorBean() { } //end of constructor public String getValue() { return value; } public void setValue(String value) { this.value = value; System.out.println("Content: "+value); System.out.println(); } } //end of class EditorBean Now i want that user press the submit button then the editor value is save into my bean. I found this hiddenfield technique suggested by some one on this forum , but it is not working. Am i doing something wrong? How can i achieve what i want? Thanks JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

You need to understand that JSF is a HTML code generator and that JavaScript has basically only access to the HTML DOM tree, not the JSF source code. Open the page in browser, rightclick and choose View Source. Locate the generated HTML of the component. It'll look something like this: Please note the id attribute value. You have to use exactly this value in your JavaScript document.getElementById(): document.getElementById("ckEditorForm:editorValue"); By the way, much easier is to just use instead: CKEDITOR.replace("ckEditorForm:editor1");