JavaFX中替代WebView解析渲染简单HTML文本的方案咨询

示例代码：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.TextFlow;
import javafx.stage.Stage;

public class SimpleHtmlLabel extends Application {

    public static TextFlow parseSimpleHtml(String html) {
        TextFlow textFlow = new TextFlow();
        // 简单处理标签，可按需扩展更多规则
        String[] segments = html.split("(?=<)|(?<=>)");
        boolean isBold = false;
        boolean isItalic = false;
        boolean isUnderline = false;

        for (String seg : segments) {
            switch (seg) {
                case "<b>": isBold = true; break;
                case "</b>": isBold = false; break;
                case "<i>": isItalic = true; break;
                case "</i>": isItalic = false; break;
                case "<u>": isUnderline = true; break;
                case "</u>": isUnderline = false; break;
                case "<br>": textFlow.getChildren().add(new Text("\n")); break;
                default:
                    if (!seg.startsWith("<")) {
                        Text text = new Text(seg);
                        text.setStyle(String.format("-fx-font-weight: %s; -fx-font-style: %s; -fx-underline: %s;",
                                isBold ? "bold" : "normal",
                                isItalic ? "italic" : "normal",
                                isUnderline ? "true" : "false"));
                        textFlow.getChildren().add(text);
                    }
            }
        }
        return textFlow;
    }

    @Override
    public void start(Stage stage) {
        String html = "Hello <b>World</b>! This is <i>italic</i> and <u>underlined</u> text.<br>New line here.";
        TextFlow textFlow = parseSimpleHtml(html);
        Scene scene = new Scene(textFlow, 400, 200);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

方案2：用Jsoup解析HTML + TextFlow渲染（轻量依赖） #

如果你的HTML稍微复杂一点（比如有段落<p>、标题<h3>等），可以用Jsoup这个轻量级HTML解析库来处理DOM结构，再转换成JavaFX的TextFlow或VBox节点。Jsoup的依赖非常小（不到2MB），比WebView轻量太多。

步骤： #

1. 添加Jsoup依赖（Maven为例）：

<dependency>
    <groupId>org.jsoup</groupId>
    <artifactId>jsoup</artifactId>
    <version>1.17.2</version>
</dependency>

2. 示例解析渲染代码：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.TextFlow;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.geometry.Insets;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.nodes.Node;
import org.jsoup.nodes.TextNode;

public class JsoupHtmlRenderer extends Application {

    public static VBox renderHtml(String html) {
        VBox container = new VBox(8); // 设置段落间距
        container.setPadding(new Insets(10));
        Document doc = Jsoup.parse(html);

        for (Element element : doc.body().children()) {
            TextFlow textFlow = new TextFlow();
            processNode(element, textFlow);
            // 给标题类标签设置字号
            if (element.tagName().startsWith("h")) {
                textFlow.setStyle("-fx-font-size: " + (18 - Integer.parseInt(element.tagName().substring(1))) + "px;");
            }
            container.getChildren().add(textFlow);
        }
        return container;
    }

    private static void processNode(Node node, TextFlow textFlow) {
        if (node instanceof TextNode) {
            Text text = new Text(((TextNode) node).text());
            textFlow.getChildren().add(text);
        } else if (node instanceof Element) {
            Element element = (Element) node;
            boolean isBold = element.tagName().equals("b") || element.tagName().equals("strong");
            boolean isItalic = element.tagName().equals("i") || element.tagName().equals("em");
            boolean isUnderline = element.tagName().equals("u");

            for (Node child : element.childNodes()) {
                processNode(child, textFlow);
                // 给子节点应用样式
                if (!textFlow.getChildren().isEmpty()) {
                    Text lastText = (Text) textFlow.getChildren().get(textFlow.getChildren().size() - 1);
                    StringBuilder newStyle = new StringBuilder(lastText.getStyle());
                    if (isBold) newStyle.append("-fx-font-weight: bold; ");
                    if (isItalic) newStyle.append("-fx-font-style: italic; ");
                    if (isUnderline) newStyle.append("-fx-underline: true; ");
                    lastText.setStyle(newStyle.toString());
                }
            }
        }
    }

    @Override
    public void start(Stage stage) {
        String html = "<h3>Hello Jsoup!</h3>" +
                      "<p>This is a <b>bold</b> paragraph with <i>italic</i> text.</p>" +
                      "<p>Another paragraph with <u>underlined</u> content.</p>";
        VBox vbox = renderHtml(html);
        Scene scene = new Scene(vbox, 400, 300);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

方案3：轻量第三方组件库 #

如果不想自己写解析逻辑，也可以用专门为JavaFX设计的轻量HTML标签组件，比如FXHtmlLabel（开源库），它专门用来渲染简单HTML，底层基于TextFlow实现，完全没有WebView的开销。

使用示例（引入库后）：

FXHtmlLabel htmlLabel = new FXHtmlLabel();
htmlLabel.setHtmlText("Hello <b>World</b>! <br> This is simple HTML with line breaks.");

为什么这些方案比WebView好？ #

• 启动速度快：WebView初始化需要加载浏览器内核，耗时远高于TextFlow或轻量组件
• 资源占用低：WebView会占用大量内存和CPU，轻量方案几乎无额外开销
• 更贴合JavaFX生态：渲染的是原生JavaFX节点，更容易和其他组件交互、统一设置样式

内容的提问来源于stack exchange，提问作者LotoClover