Replace TextFlow with RichTextFX CodeArea

src/main/resources/fxml/Main.fxml

@@ -13,6 +13,8 @@
 <?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.text.TextFlow?>
+<?import org.fxmisc.flowless.VirtualizedScrollPane?>
+<?import org.fxmisc.richtext.CodeArea?>
 
 <BorderPane 
   prefWidth="600"
@@ -59,21 +61,18 @@
       </ScrollPane>
 
       <!-- Editor -->
-      <ScrollPane>
-      <content>
-        <TextFlow
-          id="editor"
-          prefHeight="${editor.parent.height}"
-          prefWidth="${editor.parent.width}"/>
-      </content>
-      </ScrollPane>
+      <VirtualizedScrollPane>
+        <content>
+          <CodeArea fx:id="editor"/>
+        </content>
+      </VirtualizedScrollPane>
   
     </items>
     </SplitPane>
   </center>
   
   <bottom>
-    <HBox id="modeline" prefHeight="25.0">
+    <HBox fx:id="modeline" prefHeight="25.0">
       <Label text="Modeline :)"/>
     </HBox>
   </bottom>