JavaFX adding custom item to Pane


I have an FXML file that has a Pane as one of it's entries, used for the output of our program. I would like to have this Pane contain an HTMLEditor. I'm a little bit confused at what to do to accomplish this. The class uses the Singleton pattern as recommended, and I can call into the Controller to get the Pane.

Then I find myself having to create an inner class, since HTMLEditor is not a Node. So I extended rectangle to do this, and use getChildren.add(htmlEditorWrapper) to try and add it as a Node. Of course, the HTMLEditor does not show up when I run the program.

The gist of my question: How do I add an HTMLEditor to a Pane (which is in the fxml file)?

import javafx.scene.layout.Pane;
import javafx.scene.shape.Rectangle;
import javafx.scene.web.HTMLEditor;

 * Gets the controller's outputPane (the console in the gui)
 * @author Matt
public class OutputPanel{

    private static Pane pane;
    private static HtmlEditorWrap htmlEditor = new HtmlEditorWrap();

    private static final OutputPanel outputPanel = new OutputPanel();

    private OutputPanel(){}

    public static OutputPanel getInstance(){
        pane = Controller.getOutputPane();
        return outputPanel;

    public void clear(){

    public static void write(String text){
        htmlEditor.setHtmlText(text + "\n");


class HtmlEditorWrap extends Rectangle{

    HTMLEditor htmlEditor = new HTMLEditor();

    public HtmlEditorWrap(){

    public void setHtmlText(String text){

4/5/2013 3:33:37 AM

Accepted Answer

Actually HtmlEditor is a Node. Try adding it directly. And how did you obtain an editor by extending Rectangle?

4/5/2013 6:58:23 AM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow