个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我下载了 Ace editor并把它放在我的本地机器上。我正在使用 JavaFX 通过 WebView 加载它。一切都很好，但是我如何检索编写的代码？ (到 Java String)
最佳答案
只需通过调用执行 Javascript editor.getValue()
String code = (String)webView.getEngine().executeScript("editor.getValue()");
完整示例:
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class AceEditorExample extends Application {
@Override
public void start(Stage primaryStage) {
WebView webView = new WebView();
webView.getEngine().load(getClass().getResource("Ace.html").toExternalForm());
Button saveButton = new Button("Save");
saveButton.setOnAction(e -> {
String code = (String) webView.getEngine().executeScript("editor.getValue()");
System.out.println(code);
});
BorderPane.setAlignment(saveButton, Pos.CENTER);
BorderPane.setMargin(saveButton, new Insets(10));
primaryStage.setScene(new Scene(new BorderPane(webView, null, null, saveButton, null), 800, 600));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
使用 Ace.html(例如):
<!DOCTYPE html>
<html lang="en">
<head>
<title>ACE in Action</title>
<style type="text/css" media="screen">
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
</style>
</head>
<body>
<h2>Edit code</h2>
<div id="editor">
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class AceEditorExample extends Application {
@Override
public void start(Stage primaryStage) {
WebView webView = new WebView();
webView.getEngine().load(getClass().getResource("Ace.html").toExternalForm());
Button saveButton = new Button("Save");
saveButton.setOnAction(e -> {
String code = (String) webView.getEngine().executeScript("editor.getValue()");
System.out.println(code);
});
BorderPane.setAlignment(saveButton, Pos.CENTER);
BorderPane.setMargin(saveButton, new Insets(10));
primaryStage.setScene(new Scene(new BorderPane(webView, null, null, saveButton, null), 800, 600));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
</div>
<script src="ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/java");
</script>
</body>
</html>
关于java - 从 JavaFX WebView 中的 Ace Editor 获取代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30808594/
26
4
0
我正在尝试嵌入 ACE editor elements进入我的 AngularJS 项目，以便在其中允许 JSON 编辑功能。以下是到目前为止的所有配置/设置: Bower.json "depende
我正在使用 ace-builds使用 webpack 构建我的 ace 编辑器应用程序。 我需要使用自定义工作程序进行语法验证。维基页面 here建议扩展名为 mirror 的 worker 通过以下
我的文字是: My favourite singer is {Bruce Springsteen} and he was born in New Jersey. 我想以编程方式选择大括号之间的文本，包
Ace 编辑器默认选择整行.. 例如:当页面加载时，默认选择第一行。 此外，当我单击屏幕上的任意位置时，整行都被选中了.. 如何禁用此功能.. 提前致谢 最佳答案 您确定它是选择而不是事件线突出显示吗
如何使用 Ace 编辑器执行以下操作。 用户输入“@”字符 弹出自动完成 用户从下拉列表中进行选择 既然已经做出选择，“@”就会被删除 我基本上希望 @ 作为自动完成的触发器，但我不希望它在之后徘徊。
我正在尝试在 Ace 编辑器中保存更改操作，然后回放它们。下面有一些伪代码 - 要点是 applyDeltas API 似乎没有为我的编辑器做任何事情。我绑定(bind)到编辑器更改事件，将更改增量推
是否可以选择向 ACE 编辑器窗口添加句柄以设置编辑器窗口的大小 最终用户可以更改吗？我尝试使用 interactjs.io 并将 resizable(true) 应用于 .ace_content 类
我想在当前内容的最后一行插入文本。它就像文件中的追加操作。我只找到 editor.insert(text) 方法。此方法在光标后添加文本。有没有办法把文本追加到最后一行？ 最佳答案 使用 editor
我正在 Ace 编辑器中开发实时协作编辑器，但找不到关于在编辑器中的某个位置(也就是其他用户键入的位置)插入文本的任何文档。有什么想法吗？ 最佳答案 要在当前位置插入，您可以使用(假设这可能是您正在寻
在使用 ACE 编辑器时，我观察到在编辑器的中心显示了一条神秘的线。我该如何解决？ 最佳答案 该行称为打印边距，包括 editor.setShowPrintMargin(false); 在你的代码中。
我的问题与 set focus on ace editor 有关 这次我想在出现验证错误时删除内容。 我用过像这样的模式 /^[0-4]$/ and /^([1-9][0-9]{0,3}|[1-5][
我一直在尝试将语法突出显示添加到我的网络应用程序并找到了 ace。但是，在使用文档中提供的解决方案后，我仍然无法更改编辑器主题。有谁知道该怎么做？ 到目前为止，我只是用下面的代码初始化了元素 var
我想用自定义语言的模式来扩展 ace。据我所知，大致流程是: 下载 ace 源代码。 为您的自定义语言创建一个新的 lib/ace/mode/foo.js。 运行“make build”(或类似命令)
我正在研究 Ace，看看它是否具有我需要的所有功能。我之前只使用过 CodeMirror，而 CodeMirror 对我来说至关重要的功能之一是 addLineWidget，它基本上会在编辑器中的某一
我想使用 Ace Editor 将代码片段嵌入到页面中，如所示 here . 但是，由于这些片段是从较大的文件中提取的，因此我希望装订线中的行号能够反射(reflect)代码的原始行号。换句话说，我希
我正在使用 ACE 编辑器，并使用下面的代码启用自动完成功能，但这似乎只是通过文档中的任何单词给我自动完成功能。这看起来很奇怪。我希望它的行为更像 Visual Studio，因为它只列出函数/变量而
这个问题是关于ACE mutexes的使用。下面是一个相当冗长的最小示例，其工作方式如下: 代码启动多个线程并在 10 秒后停止它们。每个线程都尝试获取一个互斥锁并保持它直到它终止。有两种线程。第一种
我已经将编辑器设置为只读，它是只读的，但它显示了一个光标。我想以编程方式隐藏光标(除非以编程方式，否则不通过样式)。 最佳答案 以下是建议答案的作用，用于视觉比较: 这是以前的样子: 添加: edit
我有一个用例，用户单击按钮在当前光标位置插入文本。 但是在使用 session.insert(cursorPosition, textToAdd) 插入文本之后, 光标位置移动到第一个字符。 我尝试使
我在 Ace 编辑器中找到了美化扩展，但我没有看到任何如何使用它的示例。这是我到目前为止所拥有的: var beautiful = ace.require("ace/ext/beautify"); b
我是一名优秀的程序员,十分优秀！