Как обеспечить функциональность для изменения цвета фона текстовых частей в редакторе HTML, созданном с помощью HTMLEditorKit
Моя проблема заключается в следующем:
Я хочу, чтобы пользователь моего маленького редактора HTML мог переключаться между различными цветами фона для вводимого текста. Сначала я попытался использовать стили CSS для этой цели. Различные стили определяют разные цвета фона и через JComboBox пользователь может переключаться между этими стилями. При выборе стиля в соответствующей позиции внутри HTMLDocument новый элемент HTML типа<span class="style"> будет введен. К сожалению, мне не удалось заполучить эту работу. Элементы span просто не были созданы ( см. Мой вопрос относительно этой проблемы).
В промежутке я взглянул на класс StyledEditorKit.ForegroundActionчтобы узнать, как это работает. После выполнения он просто изменяет входные атрибуты StyledEditorKit используется установка нового цвета переднего плана. Текст, который вводится впоследствии, отображается с новым цветом переднего плана. И при записи кода HTML в файл, текст автоматически заключен в <font color=".."> ... </font>HTML элементы. И все это работает даже на выделенном тексте, который может проходить через несколько абзацев. В этом случае очевидно, что затронутый текст внутри всех затронутых абзацев заключен в <font ...> HTML-теги.
Я хочу выполнить ту же функциональность для установки цвета фона для произвольных кусков текста. Но на удивление это не так просто:-(
Я не нашел предопределенный класс действий для этой цели, аналогичныйStyledEditorKit.foregroundAction в Java 7 JDK. Создание такого класса не кажется сложным; это почти так же, какForegroundAction с actionPerformed метод изменен, чтобы установить фон вместо атрибута переднего плана.
Но как создать правильный HTML-код, который устанавливает определенный цвет фона для частей содержащегося текста? До сих пор я не знаю, какая часть HTMLEditorKit выполняет создание всех <font> элементы для текста в HTMLDocument у которого установлен атрибут переднего плана. Я думаю, из существующего кода, создающего <font> элементы не должно быть слишком сложно получить реализацию, которая создает <span style="background-color:...">элементы вместо <font> элементы для установки цвета фона для произвольных областей текста. Или все это уже доступно, а я только не заметил? Любая помощь будет оценена!
В промежутке я сделал значительный шаг вперед и благодаря фрагменту кода, найденному здесь, мне удалось создать действительный <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> элементы. Это не должно быть ничего сложного, но, к сожалению, я не мог понять, как я могу это сделать. Любые идеи будут очень приветствоваться!
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();
}
});
Я опубликовал несколько вопросов, касающихся моих проблем с реализацией этой функциональности (см. Здесь и здесь), но не получил ответов. Может быть, проблема была слишком тривиальной;-)