HTML 在JTextArea或JTextPane中为文本添加样式

在本文中，我们将介绍如何在Java Swing中使用JTextArea或JTextPane为文本添加样式。JTextArea和JTextPane是Java Swing库中的两个常用组件，用于实现文本输入和显示功能。不同于JTextField，JTextArea和JTextPane允许我们在其中显示多行文本，并可以通过样式来美化文本内容。

阅读更多：HTML 教程

使用HTML样式

JTextArea和JTextPane组件都支持使用HTML样式来设置文本的字体、颜色、样式和布局。我们可以在文本中嵌入HTML标记来实现所需的样式效果。

import javax.swing.*;

public class HTMLTextAreaExample {
    public static void main(String[] args) {
        JFrame frame = new JFrame("HTML JTextArea Example");

        JTextArea textArea = new JTextArea();
        textArea.setText("<html><b>Hello</b> <font color='red'>World</font></html>");

        frame.getContentPane().add(textArea);
        frame.setSize(300, 200);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

在上面的示例中，我们在JTextArea中嵌入了HTML标记来为文本添加样式。使用<html></html>标签将文本标记为HTML格式，然后使用<b>标签来加粗显示文本，<font>标签来改变字体颜色。可以在标签中使用各种属性来实现不同的样式效果。

使用CSS样式

除了使用HTML样式外，我们还可以在JTextPane中使用CSS样式来进行文本的美化。使用CSS样式可以更灵活地定义文本的样式和布局。

import javax.swing.*;
import java.io.IOException;
import java.io.StringReader;

public class CSSTextPaneExample {
    public static void main(String[] args) {
        JFrame frame = new JFrame("CSS JTextPane Example");

        JTextPane textPane = new JTextPane();
        textPane.setContentType("text/html");

        String htmlContent = "<html><body style='font-size: 14px; font-family: Arial, sans-serif; color: #333;'>"
                + "<b>Hello</b> <span style='color: red;'>World</span>"
                + "</body></html>";

        try {
            textPane.read(new StringReader(htmlContent), null);
        } catch (IOException e) {
            e.printStackTrace();
        }

        frame.getContentPane().add(textPane);
        frame.setSize(300, 200);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

在上面的示例中，我们创建了一个JTextPane，并将其内容类型设置为”text/html”，以便能够解析HTML和CSS样式。然后使用CSS样式定义了文本的字体大小、字体家族和颜色。

实现高级样式

除了基本的字体、颜色样式，我们还可以通过使用更高级的HTML和CSS样式来实现更复杂的效果。例如，我们可以使用HTML的

ul>和

标签来创建有序或无序列表，使用CSS样式定义列表的样式。

import javax.swing.*;
import java.io.IOException;
import java.io.StringReader;

public class AdvancedStyleJTextPaneExample {
    public static void main(String[] args) {
        JFrame frame = new JFrame("Advanced Style JTextPane Example");

        JTextPane textPane = new JTextPane();
        textPane.setContentType("text/html");

        String htmlContent = "<html><body style='font-size: 14px; font-family: Arial, sans-serif; color: #333;'>"
                + "<h1>HTML Styling in JTextPane</h1>"
                + "<p>This is a paragraph.</p>"
                + "<ul>"
                + "<li>Item 1</li>"
                + "<li>Item 2</li>"
                + "<li>Item 3</li>"
                + "</ul>"
                + "</body></html>";

        try {
            textPane.read(new StringReader(htmlContent), null);
        } catch (IOException e) {
            e.printStackTrace();
        }

        frame.getContentPane().add(textPane);
        frame.setSize(400, 300);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

在上面的示例中，我们在JTextPane中使用了更高级的HTML和CSS样式。我们添加了一个标题

h1>，一个段落

，和一个无序列表

ul>。通过使用HTML和CSS样式，我们可以轻松地实现这些复杂的样式效果。

总结

通过使用HTML样式和CSS样式，我们可以在JTextArea和JTextPane中实现丰富的文本样式效果。无论是简单的字体、颜色样式，还是更复杂的布局效果，都可以通过嵌入HTML标记或使用CSS样式来轻松地实现。这使得我们能够以更吸引人的方式显示文本内容，并提升用户界面的质量和可视化效果。希望本文对您有所帮助！