正文
使用Swing实现简易而不简单的文档编辑器
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
本文通过Swing来实现文档简易而不简单的文档编辑器，该文档编辑器的功能包括：
- 设置字体样式：粗体，斜体，下划线，可扩展
- 设置字体：宋体，黑体，可扩展
- 设置字号：12,14,18,20,30,40, 可扩展
- 设置字体颜色：红色，蓝色，绿色，黄色，黑色，可扩展
- 设置字体背景颜色：淡蓝，淡黄，淡绿，灰色，无色，可扩展
- 插入图片
效果如下所示：
本文档编辑器使用Swing的JTextPanel来实现，使用JTextPanel可以实现富文档化，包括设置文档字体，颜色等，还可以插入图片和HTML链接，
而本编辑器实现的关键是，对于字体样式，颜色，大小和字体使用Java封装好的StyledEditorKit的种种Action然后将这些Action通过addAction添加到下拉框对象即可。
- StyledEditorKit.BoldAction() 粗体
- StyledEditorKit.UnderlineAction(); 下划线
- StyledEditorKit.ItalicAction(); 斜体
- StyledEditorKit.FontFamilyAction("宋体", "宋体") 宋体
- tyledEditorKit.FontSizeAction(“12”, 12) 字体大小
- StyledEditorKit.ForegroundAction("Black",Color.black); 字体颜色
除了以上Java封装良好的支持之外，对字体的背景色，插入图片就没有那么好的待遇了，这些实现必须通过其他方式来实现，对于设置字体的背景色，可以通过查看StyledEditorKit.ForgroundAction的源代码，自行写出一个类，可见下面DocBackgroundAction类，但是插入图片就没有那么幸运了，最终采用的方式是使用JTextPanel提供的insertIcon方法来插入图片，但为了和其他方式保持一致性，依然使用Action的方式，具体代码可以参考如下的DocImageAction
JTextPane docTextPane = new JTextPane();
final JComboBox fontModelCb = new JComboBox();// 字体样式下拉框，包括粗体，下划线和斜体
fontModelCb.setModel(new DefaultComboBoxModel(new String[] {
"\u7C97\u4F53", "\u4E0B\u5212\u7EBF", "\u659C\u4F53" }));
fontModelCb.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
Object sel = e.getItem();
Action ac = null;
System.out.println("fontModelCb itemStateChanged:"
+ sel.toString());
if (sel.equals("\u7C97\u4F53")) {
ac = new StyledEditorKit.BoldAction();
ac.putValue(Action.NAME, "Bold");
} else if (sel.equals("\u4E0B\u5212\u7EBF")) {
ac = new StyledEditorKit.UnderlineAction();
ac.putValue(Action.NAME, "Underline");
} else {
ac = new StyledEditorKit.ItalicAction();
ac.putValue(Action.NAME, "Italic");
}
fontModelCb.setAction(ac);
}
}); final JComboBox fontTypeCb = new JComboBox(); //设置字体下拉框，包括宋体和黑体
fontTypeCb.setModel(new DefaultComboBoxModel(new String[] {
"\u5B8B\u4F53", "\u9ED1\u4F53" }));
fontTypeCb.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
Object sel = e.getItem();
Action ac = null;
System.out.println("fontTypeCb itemStateChanged:"
+ sel.toString());
if (sel.equals("\u5B8B\u4F53")) {
ac = new StyledEditorKit.FontFamilyAction("宋体", "宋体");
} else {
ac = new StyledEditorKit.FontFamilyAction("黑体", "黑体"); }
fontTypeCb.setAction(ac);
}
}); final JComboBox fontSizeCb = new JComboBox();// 设置字体下拉框
fontSizeCb.setModel(new DefaultComboBoxModel(new String[] { "12", "14",
"18", "20", "30", "40" }));
fontSizeCb.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
Object sel = e.getItem();
fontSizeCb.setAction(new StyledEditorKit.FontSizeAction(sel
.toString(), Integer.parseInt(sel.toString())));
}
}); final JComboBox fontColorCb = new JComboBox(); //设置字体颜色下拉框
fontColorCb.setModel(new DefaultComboBoxModel(new String[] {
"\u9ED1\u8272", "\u7EA2\u8272", "\u84DD\u8272", "\u9EC4\u8272",
"\u7EFF\u8272" }));
fontColorCb.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
Object sel = e.getItem();
Action ac = null;
if (sel.equals("\u9ED1\u8272")) {
ac = new StyledEditorKit.ForegroundAction("Black",
Color.black);
} else if (sel.equals("\u7EA2\u8272")) {
ac = new StyledEditorKit.ForegroundAction("Red", Color.red);
} else if (sel.equals("\u84DD\u8272")) {
ac = new StyledEditorKit.ForegroundAction("Green",
Color.green);
} else if (sel.equals("\u9EC4\u8272")) {
ac = new StyledEditorKit.ForegroundAction("Yellow",
Color.yellow);
} else {
ac = new StyledEditorKit.ForegroundAction("Blue",
Color.blue);
}
fontColorCb.setAction(ac);
}
}); final JComboBox fontBgColorCb = new JComboBox(); //设置字体背景下拉框
fontBgColorCb.setModel(new DefaultComboBoxModel(new String[] {
"\u65E0\u8272", "\u7070\u8272", "\u6DE1\u7EA2", "\u6DE1\u9EC4",
"\u6DE1\u84DD", "\u6DE1\u7EFF" }));
fontBgColorCb.addItemListener(new ItemListener() {
public void itemStateChanged(ItemEvent e) {
Object sel = e.getItem();
Action ac = null; System.out.println("fontBgColorCb:" + sel.toString());
if (sel.equals("\u7070\u8272")) {// 灰色
ac = new DocBackgroundAction("LightBlack", new Color(200,
200, 200));
} else if (sel.equals("\u6DE1\u7EA2")) {// 淡红
ac = new DocBackgroundAction("LightRed", new Color(255,
200, 200));
} else if (sel.equals("\u6DE1\u9EC4")) { // 淡黄
ac = new DocBackgroundAction("LightGreen", new Color(255,
255, 200));
} else if (sel.equals("\u6DE1\u84DD")) {// 淡蓝
ac = new DocBackgroundAction("YLightYellow", new Color(200,
200, 255));
} else if (sel.equals("\u6DE1\u7EFF")) {// 淡绿
ac = new DocBackgroundAction("LightBlue", new Color(200,
255, 200));
} if (ac != null) {
fontBgColorCb.setAction(ac);
}
}
}); JButton insertImageBt = new JButton("\u63D2\u5165\u56FE\u7247"); //插入图片按钮
insertImageBt.setAction(new DocImageAction("插入图片", docTextPane));
DocBackgroundAction类仿照StyledEditorKit.ForegroundAction而成，区别在于使用StyleConstants.setBackground(attr, fg);
public class DocBackgroundAction extends StyledTextAction {
private static final long serialVersionUID = 1L;
public DocBackgroundAction(String nm, Color bg) {
super(nm);
this.bg = bg;
}
public void actionPerformed(ActionEvent e) {
JEditorPane editor = getEditor(e);
if (editor != null) {
Color fg = this.bg;
if ((e != null) && (e.getSource() == editor)) {
String s = e.getActionCommand();
try {
fg = Color.decode(s);
} catch (NumberFormatException nfe) {
}
}
if (fg != null) {
MutableAttributeSet attr = new SimpleAttributeSet();
StyleConstants.setBackground(attr, fg);
setCharacterAttributes(editor, attr, false);
} else {
UIManager.getLookAndFeel().provideErrorFeedback(editor);
}
}
}
private Color bg;
}
DocImageAction类继承了StyledTextAction，在JtextPane中插入图片的方式其实非常简单使用panel.insertIcon方法即可，如下
public class DocImageAction extends StyledTextAction {
private static final long serialVersionUID = 1L;
public DocImageAction(String nm, JTextPane panl) {
super(nm);
this.panl = panl;
}
public void actionPerformed(ActionEvent e) {
JFileChooser f = new JFileChooser(); // 查找文件
f.showOpenDialog(null);
System.out.println(f.getSelectedFile());
ImageIcon icon = createImageIcon(f.getSelectedFile(), "a cute pig");
JTextPane editor = this.panl;
if (editor != null) {
System.out.println("I am in here");
StyledDocument doc = getStyledDocument(editor);
editor.setCaretPosition(doc.getLength()); // 设置插入位置
editor.insertIcon(icon); // 插入图片
}
}
private JTextPane panl;
/** Returns an ImageIcon, or null if the path was invalid. */
protected static ImageIcon createImageIcon(String path, String description) {
java.net.URL imgURL = DocImageAction.class.getResource(path);
if (imgURL != null) {
return new ImageIcon(imgURL, description);
} else {
System.err.println("Couldn't find file: " + path);
return null;
}
}
}
