如何从 Javafx 编辑 HTML 页面(在 Web 视图中)而不重新加载页面?

Gil*_*iel 4 html java javafx webview javafx-webengine

这就是我加载页面的方式,我想在浏览器中修改它

    WebView browser = new WebView();
    WebEngine engine = browser.getEngine();
    String cwd = System.getProperty("user.dir");
    String name = "\\src\\web\\index.html";
    engine.loadContent(getPATHtoHTML(cwd + name));
Run Code Online (Sandbox Code Playgroud)

fab*_*ian 5

DOM 文档可用并且可以修改。这更新了 的内容 WebView。以下示例只是将一些文本附加到正文,但也可以进行更复杂的操作:

@Override
public void start(Stage stage) {
    WebView webView = new WebView();
    WebEngine engine = webView.getEngine();
    engine.loadContent("<html>"
            + "<body></body>"
            + "</html>");
    TextField textField = new TextField();
    Button button = new Button("add");
    button.setOnAction(evt -> {
        String text = textField.getText();
        Document doc = engine.getDocument();
        Element element = (Element) doc.getElementsByTagName("body").item(0);
        element.appendChild(doc.createTextNode(text));
    });

    Scene scene = new Scene(new VBox(webView, textField, button));

    stage.setScene(scene);
    stage.show();
}
Run Code Online (Sandbox Code Playgroud)

如果你还想修改文件,也可以将结果输出到文件中:

DOMSource domSource = new DOMSource(engine.getDocument());
StreamResult result = new StreamResult(outputFile);
TransformerFactory tf = TransformerFactory.newInstance();
Transformer transformer = tf.newTransformer();
transformer.setOutputProperty(OutputKeys.METHOD, "html");
transformer.transform(domSource, result);
Run Code Online (Sandbox Code Playgroud)