Vaadin 23.3如何无预览直接打印字符串并支持换行

问题分析 #

你之前用的AWT PrinterJob 是服务器端的打印逻辑，会把内容发送到服务器所在的打印机，而非用户浏览器对应的本地打印机，这不符合Web应用的常规需求。同时drawString本身不识别\n换行符，即便手动处理换行，这个方案在Vaadin Web场景里也不适用。

正确解决方案：基于浏览器端的无预览打印 #

Vaadin是Web框架，应该利用浏览器的打印API实现客户端打印，同时通过HTML/CSS格式化文本以支持换行，无需预览直接触发打印。

实现步骤与代码示例 #

1. 创建隐藏组件承载打印内容，用<pre>标签保留文本原始换行，或者把\n替换为HTML换行标签<br>
2. 调用浏览器window.print()触发打印
3. 通过CSS控制打印样式，确保仅打印目标内容

Button printBtn = new Button("直接打印");
printBtn.addClickListener(e -> {
    // 获取需要打印的文本内容
    String content = "Stuff to Print\n" +
                     "Important stuff\n" + 
                     txtPrint.getValue().trim() + "\n" +
                     "Prueba de impresion";

    // 创建隐藏的打印容器，用<pre>标签保留原始换行格式
    Div printContainer = new Div();
    printContainer.getElement().setProperty("innerHTML", "<pre>" + content + "</pre>");
    // 隐藏容器，不影响页面正常显示
    printContainer.getStyle().set("display", "none");

    // 将容器添加到当前视图的DOM中
    UI.getCurrent().getElement().appendChild(printContainer.getElement());

    // 调用浏览器打印API
    UI.getCurrent().getPage().executeJs("window.print();");

    // 打印完成后移除临时容器（可选）
    UI.getCurrent().getElement().removeChild(printContainer.getElement());
});

// 可选：添加打印专属样式，隐藏页面其他元素，只显示打印内容
UI.getCurrent().getPage().addStyleSheet("data:text/css," + 
    "@media print {" +
        "body > *:not(.print-container) { display: none !important; }" +
        ".print-container { display: block !important; margin: 0; padding: 20px; }" +
    "}"
);

说明 #

• 用<pre>标签可直接保留文本中的\n换行，无需额外转换；如果需要自定义文本样式，也可以将\n替换为<br>后用<div>包裹
• window.print()会触发浏览器打印功能，部分浏览器支持用户设置直接跳过预览（Web应用无法强制完全跳过，但这是最接近无预览的实现方式）
• 打印样式能确保页面其他内容不会被打印，仅展示目标文本

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