java - 如何在使用 HTMLEditorKit 构建的 HTML 编辑器中提供更改文本部分背景颜色的功能

Question

我的问题如下:

我想让我的小 HTML 编辑器的用户在两者之间切换输入文本的不同背景颜色。我第一次尝试为此目的使用 CSS 样式。不同的风格定义不同的背景颜色和通过一个JComboBox用户可以在这些样式之间切换。在选择样式后各自在HTMLDocument里面的位置一个新的 HTML 元素类型 <span class="style">将被输入。不幸的是，我无法完成这项工作。跨度元素根本就没有创建 ( see my question regarding this problem )。

中间我看了一下类StyledEditorKit.ForegroundAction了解其功能。执行后，它只是修改了StyledEditorKit 的输入属性在使用中设置一个新的前景色。之后输入的文本显示为新的前景色。在将 HTML 代码写入文件时，文本自动包含在 <font color=".."> ... </font> 中HTML 元素。所有这些甚至适用于选定的文本遍历多个段落。在这种情况下，显然受影响的所有受影响段落中的文本都包含在 <font ...> 中HTML 标签。

我想完成设置背景的相同功能任意文本 block 上的颜色。但令人惊讶的是，这似乎并不如此简单:-(

我没有找到用于该目的的预定义操作类类似于 StyledEditorKit.foregroundAction在 Java 7 JDK 中。创造这样的类看起来并不复杂；它几乎和 ForegroundAction与 actionPerformed方法更改为设置background 而不是 foreground 属性。

但是如何创 build 置特定背景的有效 HTML 代码所含文本部分的颜色？直到现在我都不知道 HTMLEditorKit 的哪一部分执行创建所有 <font> HTMLDocument 中的文本元素那设置了前景属性。我认为从现有的代码创建 <font>元素不应该太难推导出一个创建 <span style="background-color:..."> 的实现元素而不是 <font>用于设置背景颜色的元素对于任意文本区域。或者这一切都已经可用了，我只是没有注意到？任何帮助将不胜感激!

在此期间，我向前迈出了重要的一步，感谢发现的一段代码 here我设法创建了有效的 <span>元素。在 span 元素中，我使用 class属性来分配预定义的样式。

这是我的代码:

import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.util.Enumeration;
import java.util.Vector;

import javax.swing.AbstractAction;
import javax.swing.Action;
import javax.swing.DefaultComboBoxModel;
import javax.swing.JComboBox;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JOptionPane;
import javax.swing.JTextPane;
import javax.swing.JToolBar;
import javax.swing.text.AttributeSet;
import javax.swing.text.BadLocationException;
import javax.swing.text.MutableAttributeSet;
import javax.swing.text.SimpleAttributeSet;
import javax.swing.text.Style;
import javax.swing.text.StyleContext;
import javax.swing.text.html.HTML;
import javax.swing.text.html.HTMLDocument;
import javax.swing.text.html.HTMLEditorKit;
import javax.swing.text.html.StyleSheet;

public class SimpleEditor extends JFrame {

    private static final long   serialVersionUID = 1L;
    private final JTextPane   textPane;
    private final HTMLEditorKit edtKit;
    private final HTMLDocument  doc;
    private final StyleSheet predefStyles;

    public static void main(String[] args) throws BadLocationException, IOException {
        final SimpleEditor editor = new SimpleEditor();
        editor.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        editor.setVisible(true);
    }

    public SimpleEditor() throws BadLocationException, IOException {
        super("Very Simple HTML Editor");
        textPane = new JTextPane();
        edtKit = new HTMLEditorKit();
        textPane.setEditorKit(edtKit);
        predefStyles = new StyleSheet();
        predefStyles.addRule(".MyStyle1 { color:#cc0000; background-color:silver }\n" +
                             ".MyStyle2 { color:#0000cc; background-color:aqua }");
        doc = new HTMLDocument(predefStyles);
        textPane.setDocument(doc);

        final Container content = getContentPane();
        content.add(textPane, BorderLayout.CENTER);
        content.add(createToolBar(), BorderLayout.NORTH);
        setJMenuBar(createMenuBar());
        setSize(500, 240);
    }

    private JToolBar createToolBar() {
        final Vector<String> styleNames = new Vector<String>();
        final Enumeration<?> names = predefStyles.getStyleNames();
        while (names.hasMoreElements()) {
            styleNames.add((String) names.nextElement());
        }
        final DefaultComboBoxModel<String> stylesModel =
                new DefaultComboBoxModel<String>(styleNames);
        final JComboBox<String> cbStyleSel = new JComboBox<String>(stylesModel);
        final JToolBar bar = new JToolBar();
        Action dumpAction = null;
        for (final Action act : edtKit.getActions()) {
            if (act.getValue(Action.NAME).equals("dump-model")) {
                dumpAction = act;
                break;
            }
        }
        bar.add(dumpAction);
        cbStyleSel.setEditable(false);
        cbStyleSel.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                e.getSource();
                @SuppressWarnings("unchecked")
                final JComboBox<CondStyle> cboStyleSel = (JComboBox<CondStyle>) e.getSource();
                final String selItem = (String) cboStyleSel.getSelectedItem();
                final MutableAttributeSet divAttributes = new SimpleAttributeSet();
                if (selItem.equals("default")) {
                    // This does not work!
                    final Style defStyle = StyleContext.getDefaultStyleContext().getStyle(StyleContext.DEFAULT_STYLE);
                    divAttributes.addAttribute(HTML.Tag.CONTENT, defStyle);
                    textPane.setCharacterAttributes(divAttributes, true);
                } else {
                    divAttributes.addAttribute(HTML.Attribute.CLASS, selItem.substring(1));
                    final MutableAttributeSet tagAttributes = new SimpleAttributeSet();
                    tagAttributes.addAttribute(HTML.Tag.SPAN, divAttributes);
                    textPane.setCharacterAttributes(tagAttributes, false);
                }
                textPane.requestFocusInWindow();
            }
        });
        bar.add(cbStyleSel);
        return bar;
    }

    /**
     * Extracts the style attributes except the style's name
     * @param aStyle The style to be processed
     * @return The visual attributes extracted from the style
     */
    AttributeSet extractStyleAttribs(Style aStyle) {
        final MutableAttributeSet attribs = new SimpleAttributeSet();
        final Enumeration<?> attribNames = aStyle.getAttributeNames();
        while (attribNames.hasMoreElements()) {
            final Object attribName = attribNames.nextElement();
            if (attribName == Style.NameAttribute) {
                continue;
            }
            attribs.addAttribute(attribName, aStyle.getAttribute(attribName));
        }
        return attribs;
    }

    private JMenuBar createMenuBar() {
        final JMenuBar menubar = new JMenuBar();
        final JMenu mnuFile = new JMenu("File");
        menubar.add(mnuFile);
        final SaveAction actSave = new SaveAction();
        mnuFile.add(actSave);
        return menubar;
    }

    class SaveAction extends AbstractAction {
        private static final long serialVersionUID = 1L;
        public SaveAction() {
            super("Save");
        }
        @Override
        public void actionPerformed(ActionEvent ev) {
            final JFileChooser chooser = new JFileChooser();
            if (chooser.showSaveDialog(SimpleEditor.this) != JFileChooser.APPROVE_OPTION)
                return;
            final File file = chooser.getSelectedFile();
            if (file == null)
                return;
            FileWriter writer = null;
            try {
                writer = new FileWriter(file);
                textPane.write(writer);
            } catch (final IOException ex) {
                JOptionPane.showMessageDialog(SimpleEditor.this,
                                              "File Not Saved", "ERROR",
                                              JOptionPane.ERROR_MESSAGE);
            } finally {
                if (writer != null) {
                    try {
                        writer.close();
                    } catch (final IOException x) {
                    }
                }
            }
        }
    }
}

到目前为止一切顺利!这个解决方案的唯一问题是我无法实现从 <span> 中包含的文本返回的切换。元素到“普通”文本，即未放置在 <span> 内的文本元素。这应该没什么大不了的，但不幸的是我无法弄清楚如何才能做到这一点。任何想法都将非常受欢迎!

Answer 1

我明白了!这太简单了；-)使用 <span> 从带样式的文本条目切换回元素我只需要删除 HTML.Tag.SPAN来自当前文本的输入属性的属性。这是按如下方式完成的:

edtKit.getInputAttributes().removeAttribute(HTML.Tag.SPAN);

因此，我在(更新的)问题中发布的示例代码中的 ActionListener 代码现在如下所示:

        cbStyleSel.addActionListener(new ActionListener() {
        @Override
        public void actionPerformed(ActionEvent e) {
            e.getSource();
            @SuppressWarnings("unchecked")
            final JComboBox<CondStyle> cboStyleSel = (JComboBox<CondStyle>) e.getSource();
            final String selItem = (String) cboStyleSel.getSelectedItem();
            if (selItem.equals("default")) {
                edtKit.getInputAttributes().removeAttribute(HTML.Tag.SPAN);
            } else {
                final MutableAttributeSet divAttributes = new SimpleAttributeSet();
                divAttributes.addAttribute(HTML.Attribute.CLASS, selItem.substring(1));
                final MutableAttributeSet tagAttributes = new SimpleAttributeSet();
                tagAttributes.addAttribute(HTML.Tag.SPAN, divAttributes);
                textPane.setCharacterAttributes(tagAttributes, false);
            }
            textPane.requestFocusInWindow();
        }
    });

我已经发布了多个关于我在实现该功能时遇到的问题(请参阅 here 和 here )但没有得到任何答案。也许这个问题太微不足道了；-)