使用JTextPanel实现文档编辑器实例

最新推荐文章于 2021-02-20 19:02:15 发布
最新推荐文章于 2021-02-20 19:02:15 发布
阅读量4.7k 收藏 20
点赞数 5
文章标签： JTextPanel 文档编辑器 文字字体大小 背景色 图片插入
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoshenfu001/article/details/11264533
版权

本文通过JTextPanel来实现文档简易而不简单的文档编辑器，该文档编辑器的功能包括：

  • 设置字体样式：粗体，斜体，下划线，可扩展
  • 设置字体：宋体，黑体，可扩展
  • 设置字号：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;
		}
	}
}



洛神夫
关注
java中jtextpane_Java JTextPane
weixin_33631836的博客
02-16 2842
Java JTextPane1 Java JTextPane的介绍JTextPane是JEditorPane类的子类。JTextPane用于带有嵌入式图像和组件的样式化文档。它是可以用图形表示的属性标记的文本组件。JTextPane使用DefaultStyledDocument作为其默认模型。2Java JTextPane的构造方法方法描述JTextPane()创建一个新的JTextPane。J...
[Java]关于JTextPane的用法-插入不同的字体-浅谈MVC
Hifan的戈壁滩
06-09 6855
//  我搜了很多文档，发现没有关于JTextPane的用法。// 在很痛苦的挣扎中慢慢会了JTextPane的用法，同时也对Java的MVC机制有了一点比较浅的理解// Write by Hifan for Java JTextPane Date:2005 6/9 [关于字体]import java.awt.*;import javax.swing.*;import javax.swing.te
JTextPane使用
12-17
JTextPane使用,可以传图片，文字等
JTextPane简单应用
khx549532的博客
03-17 5852
import javax.swing.*;import java.awt.*;import java.awt.event.*;import javax.swing.event.*;import javax.swing.text.*;import javax.swing.text.StyledDocument;//StyledDocumentpublic class JTextPaneTest//-...
java jtextpane_JTextPane使用笔记
weixin_33618482的博客
02-20 897
1.布局存放有JTextPane的JScrollPane容器放到BoderLayout类型的布局管理器的容器中时，会自动撑开，填满外层容器：Java代码 JPanelleft_top_Pane=newJPanel();left_top_Pane.setLayout(newBorderLayout());JTextPanetextPane=newJTextPane();left_top_P...
基于Ogre的场景编辑器OgreSE源代码+示例
03-20
`OgreSE 使用帮助.docx`文件很可能是对OgreSE编辑器的操作指南，包含了如何启动、操作和使用编辑器的详细步骤。通过这个文档，初学者可以快速上手，了解各项功能的具体用法，而经验丰富的开发者则可从中获取更深层次...
Qt实现360安全卫士9.2(再度来袭) 内附实例源码
10-14
、人人、新浪可切换）、注册界面、系统托盘、多语化实现、边框阴影效果等！ 资源包含所有源码、资源文件。。。 欢迎讨论、交流，欢迎批评指正，欢迎留言。。。 博客地址：http://blog.sina.com.cn/liang19890820
使用python实现MapReduce的wordcount实例
lpty的博客
01-14 8383
Hadopp的基本框架是用java实现的，而各类书籍基本也是以java为例实现mapreduce，但笔者日常工作都是用python，故此找了一些资料来用python实现mapreduce实例。 一、环境 1、Hadoop-2.7.3完全分布式搭建（） 2、python3.5 二、基本思想介绍 使用python实现mapreduce调用的是Hadoop Stream，主要利用STDIN(标
C# 代码编辑器实现篇-语法高亮
昨夜西风凋碧树，独上高楼，望尽天涯路。
05-14 7548
创建 C# 编辑器实现效果实现步骤 本片介绍基于 AvalonEdit 实现一个支持语法高亮的 C# 编辑器 实现效果 语法高亮 点击编译 实现步骤 在VS中创建窗体应用程序。通过 Nuget 引用 AvalonEdit。 在窗体中引入控件 ElementHost。用来承载 AvalonEdit 中的 WPF 控件 TextEditor。 实例化并配置 TextEditor。将其放入 El...
uni-app登录实例的实现
10-29
【uni-app登录实例的实现】 在移动应用开发领域，uni-app是一个备受青睐的跨平台框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、Web等。本实例将详细讲解如何使用HBuilderX工具来开发一个uni-app...
JtextPanel实现下划线功能
04-06
用JTextPanel实现文本带下划线功能
JAVA-----JTextPane实例
12-25
JAVA-----JTextPane实例 代码
JTextPane使用笔记
Stay hungry
08-04 918
1.布局 存放有JTextPane的JScrollPane容器放到BoderLayout类型的布局管理器的容器中时，会自动撑开，填满外层容器： JPanel left_top_Pane = new JPanel(); left_top_Pane.setLayout(new BorderLayout()); JTextPane textPane = new JTe...
JTEXTPANE
qq_38249578的博客
10-12 258
public class EditPanel extends JTextPane { /** * / private static final long serialVersionUID = 1L; /* * 是否实现行号，默认不显示 */ private int fontSize = 16;//默认为16号字体 public EditPanel() { super(); this.setEditable(false); } public void word() { Docume
转 JTextPane的特性:
02-19 6644
JTextPane的特性:    相信大家都有用过Word来写过报告或文章，那么你一定会知道我们在Word中可以对文章中的文字做很多的变化，这些变化都是属于文字的“属性”变化。由于在JTextPane中产生的效果几乎都是由属性的变化而来，所以改变属性的类组件在JTextpane中是少不了的。因此在介绍如何构造JTextPane之前，我们要先介绍两个在JTextPane中常用到属性类:   Simp
如何更好的使用JTextPane
u011028043的专栏
08-26 628
我经常在网上看见许多朋友问，如何在JTextArea中控制字符，如何设置特定字符的颜色等等。我在用java做一个SQL查询分析器中发现了一个比较好的解决方案就是使用JTextPane，那么如何更好的使用JTextPane呢，我现摘自我那部分程序的一部分，供大家参考。 package com.JDAGUI; import javax.swing.text.*; import j
Java Swing JTextPane
ytlcainiao的专栏
04-19 701
The JTextPane class is a subclass of the JEditorPane class and is a specialized component to handle the styled document with embedded images and components. To display an HTML, RTF, or plain docume
java模拟聊天窗口
08-12 2934
package windows.beautify;import java.awt.BorderLayout;import java.awt.Color;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.io.File;import javax.sw
java jtextpane_Java Swing JTextPane
weixin_36220492的博客
02-18 779
Java Swing教程 - Java Swing JTextPaneJTextPane类是JEditorPane类的一个子类，是一个专用组件，用于处理带有嵌入图像和组件的样式文档。要显示HTML，RTF或纯文档，请使用JEditorPane。要编辑或显示样式文本，请使用JTextPane。 JTextPane是一个迷你文字处理器。JTextPane使用一个样式文档作为其模型，它是StyledD...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值