无法粘贴到 JavaFX WebView 上的 ACE 编辑器
Cannot paste into ACE editor on JavaFX WebView
我正在开发一个小型 JavaFX 应用程序。我想嵌入一个 Lua 编辑器。我通过 WebView 节点在我的应用程序中使用 ACE 编辑器。编辑器完美加载;但是,无论从何处复制文本,我都无法通过鼠标事件和键盘事件粘贴任何文本。这是已知错误吗?
HTML 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lua Editor</title>
<style type="text/css" media="screen">
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<div id="editor"></div>
<script src="ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/lua");
editor.setOptions({
fontSize: "11pt"
});
</script>
</body>
</html>
Java 代码片段:
@FXML
private WebView scriptEditor;
private void initializeCardScript() {
scriptEditor.getEngine().load("path to HTML file");
}
根据 José Pereda 的建议,我能够使用 ctrl+v 通过键事件粘贴文本。但是我无法用鼠标单击 Copy/Cut/Paste 对话框进行粘贴。
通过创建从 Java 脚本到 java 的通信桥梁,我能够完全解决我的问题。我在 ACE 编辑器的粘贴事件上调用了 java 方法。
Java 代码片段:
private void initializeCardScript() {
scriptEditor.getEngine().load("path to HTML file");
((JSObject) scriptEditor.getEngine().executeScript("window")).setMember("java", new Object() {
public void paste() {
String content = (String) Clipboard.getSystemClipboard().getContent(DataFormat.PLAIN_TEXT);
if (content != null) {
scriptEditor.getEngine().executeScript("editor.onPaste(\"" + content.replace("\n", "\n") + "\");");
}
}
});
}
ace.js:
var onPaste = function(e) {
java.paste();
// var data = handleClipboardData(e);
// if (typeof data == "string") {
// if (data)
// host.onPaste(data, e);
// if (useragent.isIE)
// setTimeout(resetSelection);
// event.preventDefault(e);
// }
// else {
// text.value = "";
// pasted = true;
// }
};
来源:
https://blogs.oracle.com/javafx/entry/communicating_between_javascript_and_javafx
我正在开发一个小型 JavaFX 应用程序。我想嵌入一个 Lua 编辑器。我通过 WebView 节点在我的应用程序中使用 ACE 编辑器。编辑器完美加载;但是,无论从何处复制文本,我都无法通过鼠标事件和键盘事件粘贴任何文本。这是已知错误吗?
HTML 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lua Editor</title>
<style type="text/css" media="screen">
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<div id="editor"></div>
<script src="ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/lua");
editor.setOptions({
fontSize: "11pt"
});
</script>
</body>
</html>
Java 代码片段:
@FXML
private WebView scriptEditor;
private void initializeCardScript() {
scriptEditor.getEngine().load("path to HTML file");
}
根据 José Pereda 的建议,我能够使用 ctrl+v 通过键事件粘贴文本。但是我无法用鼠标单击 Copy/Cut/Paste 对话框进行粘贴。
通过创建从 Java 脚本到 java 的通信桥梁,我能够完全解决我的问题。我在 ACE 编辑器的粘贴事件上调用了 java 方法。
Java 代码片段:
private void initializeCardScript() {
scriptEditor.getEngine().load("path to HTML file");
((JSObject) scriptEditor.getEngine().executeScript("window")).setMember("java", new Object() {
public void paste() {
String content = (String) Clipboard.getSystemClipboard().getContent(DataFormat.PLAIN_TEXT);
if (content != null) {
scriptEditor.getEngine().executeScript("editor.onPaste(\"" + content.replace("\n", "\n") + "\");");
}
}
});
}
ace.js:
var onPaste = function(e) {
java.paste();
// var data = handleClipboardData(e);
// if (typeof data == "string") {
// if (data)
// host.onPaste(data, e);
// if (useragent.isIE)
// setTimeout(resetSelection);
// event.preventDefault(e);
// }
// else {
// text.value = "";
// pasted = true;
// }
};
来源:
https://blogs.oracle.com/javafx/entry/communicating_between_javascript_and_javafx