<AI>
JavaFXの WebView で Ace Editor をロードするには、
AceのJavaScriptファイルを読み込んだHTMLを用意し、それを WebEngine の load または loadContent メソッドで読み込みます。

具体的な実装手順は以下の通りです。

1. HTMLファイルの作成
Ace Editorを初期化するHTMLファイル（例：ace_editor.html）を作成します。
CDNからAceのスクリプトを読み込みます。

html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Ace Editor in JavaFX</title>
    <style type="text/css" media="screen">
        #editor { 
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    </style>
</head>
<body>

<div id="editor">function foo(items) {
    var x = "All this is syntax highlighted";
    return x;
}</div>

<script src="https://cloudflare.com" type="text/javascript" charset="utf-8"></script>
<script>
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/monokai");
    editor.session.setMode("ace/mode/javascript");
    
    // Javaからエディタのテキストを取得するための関数
    function getEditorValue() {
        return editor.getValue();
    }
    
    // Javaからエディタのテキストを設定するための関数
    function setEditorValue(code) {
        editor.setValue(code);
    }
</script>
</body>
</html>

2. JavaFX側でのロード実装
作成したHTMLを WebView で読み込みます。
java
// WebViewにHTMLをロードして表示する
WebView webView = new WebView();
String url = getClass().getResource("/ace_editor.html").toExternalForm();
webView.getEngine().load(url);
// ...

3. Java と JavaScript の連携方法
ロード後、WebEngine.executeScript() を使用して、Java側からエディタの操作が可能です。

java
// JavaScript関数を呼び出して操作
webView.getEngine().executeScript("getEditorValue()"); // 取得
webView.getEngine().executeScript("setEditorValue('...')"); // 設定

詳細は Ace Editor 公式サイト を参照してください。

2 件のサイトJavaに入門して
JavaFXでAsciiDocエディタ作るまで
 - Qiita2019/04/08 — 今回はURLではなく、生のHTMLを String として読み込むので loadContent メソッドを使用します。
 
 し...
 Qiita
 Get code from Ace Editor in JavaFX WebView - Stack Overflow
 2015/06/12 — Just execute the Javascript editor.getValue() by calling. St...
 
 stackoverflow.com