---
category: swing
folder: StyleSheet
title: JEditorPaneのHTMLEditorKitにCSSを適用
tags: [JEditorPane, StyleSheet, HTMLEditorKit]
author: aterai
pubdate: 2009-07-20T14:20:10+09:00
description: JEditorPaneにStyleSheetを追加したHTMLEditorKitを設定します。
image: https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTT6cwbhCI/AAAAAAAAAlM/PsSYnlumJJg/s800/StyleSheet.png
---
* 概要 [#summary]
`JEditorPane`に`StyleSheet`を追加した`HTMLEditorKit`を設定します。

#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTT6cwbhCI/AAAAAAAAAlM/PsSYnlumJJg/s800/StyleSheet.png)

* サンプルコード [#sourcecode]
#code(link){{
StyleSheet styleSheet = new StyleSheet();
styleSheet.addRule("body {font-size: 12pt;}");
styleSheet.addRule(".highlight {color: red; background: green}");
HTMLEditorKit htmlEditorKit = new HTMLEditorKit();
htmlEditorKit.setStyleSheet(styleSheet);
JEditorPane editor = new JEditorPane();
editor.setEditorKit(htmlEditorKit);
editor.setText(makeTestHtml());
}}

* 解説 [#explanation]
上記のサンプルでは、`JEditorPane`に`HTMLEditorKit`を適用して`HTML`を表示するよう設定しクラス名が`.highlight`になっている要素の文字色と背景色を`CSS`で変更しています。
- `JEditorPane`に`HTMLEditorKit`を適用して`HTML`を表示するよう設定
- クラス名が`.highlight`になっている要素の文字色と背景色を`CSS`で変更
-- `HTMLEditorKit`の`CSS`で色は`3`桁表記(`color: #RGB`) には対応していない
-- `6`桁表記 `color:#RRGGBB`は問題なく使用可

* 参考リンク [#reference]
- [https://www.ne.jp/asahi/hishidama/home/tech/java/swing/JEditorPane.html Java Swing「JEditorPane」メモ(Hishidama's Swing-JEditorPane Memo)]
- [https://community.oracle.com/thread/1392908 Swing - HTMLEditorKit and CSS]
- [https://docs.oracle.com/javase/jp/8/docs/api/javax/swing/text/html/StyleSheet.html StyleSheet (Java Platform SE 8)]
-- [https://docs.oracle.com/javase/jp/8/docs/api/javax/swing/text/html/CSS.html 対応しているCSSプロパティ一覧 - CSS (Java Platform SE 8)]
- [https://alvinalexander.com/blog/post/jfc-swing/how-add-style-stylesheet-jeditorpane-example-code How to add stylesheet information to a JEditorPane | alvinalexander.com]
- [[GraphicsEnvironmentにFontを登録して使用する>Swing/RegisterFont]]
- [[Rhinoでgoogle-prettify.jsを実行する>Tips/GooglePrettifyRhino]]

* コメント [#comment]
#comment
- `HTMLEditorKit`の`CSS`で、色は`3`桁表記(`color: #RGB`) には対応していない?(`6`桁表記 `color:#RRGGBB`は問題なく使用可) -- &user(aterai); &new{2012-05-28 (月) 17:52:03};

#comment