Dom*_*cki 4 javascript java clipboard javafx codemirror
我正在使用codemirror.js库在Java FX中创建简单的编辑器.我使用javafx.scene.web.WebView组件在javafx中嵌入了codemirror编辑器,其中包含以下html/js代码:
<body>
<form>
<textarea id="code" name="code">
</textarea>
</form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true});
</script>
</body>
Codemirror编辑器本身支持撤消,重做,剪切,复制和粘贴.
我的应用程序中还有javafx主菜单,我想添加复制或粘贴等操作.我想以某种方式"绑定"这个菜单操作与我的codemirror编辑器,所以如果用户点击例如从主菜单粘贴,剪贴板中的内容将被添加到codemirror编辑器.
我解决了undo和redo操作的问题:codemirror有两个js函数undo()和redo(),我可以通过javafx.scene.web.WebView.executeScript方法从java级别调用它们.
我的问题是如何处理剪切,复制和粘贴操作？如何使用codemirror编辑器将此操作与主菜单绑定？我在codemirror.js中找不到任何可以处理此操作的js函数.
任何帮助表示赞赏和感谢.
我找到了解决方案:Codmirror在API中没有cut,copy和past等函数,但它允许获取和替换所选文本,因此我可以自己编写这些操作.
public void cut() {
String selectedText = (String) webview.getEngine().executeScript(
"editor.getSelection();");
webview.getEngine().executeScript("editor.replaceSelection(\"\");");
final Clipboard clipboard = Clipboard.getSystemClipboard();
final ClipboardContent content = new ClipboardContent();
content.putString(selectedText);
clipboard.setContent(content);
}
public void copy() {
String selectedText = (String) webview.getEngine().executeScript(
"editor.getSelection();");
final Clipboard clipboard = Clipboard.getSystemClipboard();
final ClipboardContent content = new ClipboardContent();
content.putString(selectedText);
clipboard.setContent(content);
}
public void paste() {
final Clipboard clipboard = Clipboard.getSystemClipboard();
String content = (String) clipboard.getContent(DataFormat.PLAIN_TEXT);
webview.getEngine().executeScript(String.format("editor.replaceSelection(\"%s\");", content));
}