Apply formatting in a JEditorPane and export the content in HTML.

Question

Hi,
I'm writing, a program to allow the user to enter a formated text and even add images in a JEditorPane.
Here is a simple sample of the code:
import javax.swing.*;
import javax.swing.text.*;
import java.awt.*;              //for layout managers and more
import java.awt.event.*;        //for action events
import java.net.URL;
import java.io.IOException;
public class EditorPane extends JPanel{
    private String newline = "\n";
    private JPanel buttonPanel;
    private JPanel textPanePanel;
    private JEditorPane myEditorPane;
    private JButton boldButton;
    private JButton colorButton;
    private JButton imgButton;
    private JButton saveButton;
     public EditorPane() {
        createGUI();
    private void createGUI() {
        buttonPanel = new JPanel();
        boldButton = new JButton("Bold");
        boldButton.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                boldButtonActionPerformed(evt);
        colorButton = new JButton("Color");
        colorButton.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                colorButtonActionPerformed(evt);
        imgButton = new JButton("Image");
        imgButton.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                imgButtonActionPerformed(evt);
        saveButton = new JButton("Save");
        saveButton.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                saveButtonActionPerformed(evt);
        buttonPanel.setLayout(new GridLayout(1, 4));
        buttonPanel.add(boldButton);
        buttonPanel.add(colorButton);
        buttonPanel.add(imgButton);
        buttonPanel.add(saveButton);
        textPanePanel = new JPanel();
        textPanePanel.setLayout(new BorderLayout());       
        myEditorPane = this.createEditorPane();
        JScrollPane paneScrollPane = new JScrollPane(myEditorPane);
        textPanePanel.add(paneScrollPane, BorderLayout.CENTER);
        this.setLayout(new BorderLayout());
        this.add(buttonPanel, BorderLayout.NORTH);
        this.add(textPanePanel, BorderLayout.CENTER);
    public static void main(String[] args) {
        javax.swing.SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                 JFrame frame = new JFrame("TextSamplerDemo");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
               EditorPane newContentPane = new EditorPane();
                //newContentPane.setOpaque(true); //content panes must be opaque
                frame.setContentPane(newContentPane);
                frame.pack();
                frame.setSize(300,300);
                frame.setVisible(true);
private JEditorPane createEditorPane() {
        JEditorPane editorPane = new JEditorPane();
        editorPane.setEditable(true);
        java.net.URL helpURL = TextSamplerDemo.class.getResource(
                                        "simpleHTMLPage.html");
        if (helpURL != null) {
            try {
                editorPane.setPage(helpURL);
            } catch (IOException e) {
                System.err.println("Attempted to read a bad URL: " + helpURL);
        } else {
            System.err.println("Couldn't find file: simpleHTMLPage.html");
        return editorPane;
    private void boldButtonActionPerformed(java.awt.event.ActionEvent evt) {
    System.out.println("boldButtonNextActionPerformed");
    //myEditorPane
        // TODO add your handling code here:
    private void colorButtonActionPerformed(java.awt.event.ActionEvent evt) {
    System.out.println("colorButtonActionPerformed");
        // TODO add your handling code here:
    private void imgButtonActionPerformed(java.awt.event.ActionEvent evt) {
    System.out.println("imgButtonActionPerformed");
        // TODO add your handling code here:
    private void saveButtonActionPerformed(java.awt.event.ActionEvent evt) {
    System.out.println("saveButtonActionPerformed");
    String newStr = new String("this is the new String");
    //newStr.setFont(new java.awt.Font("Tahoma", 0, 14));
    this.myEditorPane.replaceSelection("sdfsdfsd");
        // TODO add your handling code here:
}and the HTML Code of simpleHTMLPage.html is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p>Simple text</p>
<p><strong>Bold text</strong></p>
<p><em>Italic text</em></p>
<p align="center">Center text</p>
<p><font color="#000099"><strong>Color text</strong></font></p>
<p>image here : <img src="images/Pig.gif" width="121" height="129"></p>
<p> </p>
</body>
</html>By pressing the Save button I can change the selected text.
I don�t know the way to get and apply the format (size, color �) to only the selected text and display the selected image in real time in the EditorPane. Like if you press the Bold button, the selected text font will be change to bold.
I would like to get or save the HTML code of the content of the EditorPane by pressing the Save button, How to make it?
I can apply the formatting on the selected text in a JTextPane, but I don't know the way to save or export the content in HTML. By doing that it could fix my problem too.
So any help to do that will be much appreciated.
Thanks.

Answer 1

Hi,
Tks for your answer. That one I can do it. I would like to display the selected text in bold instead of adding the tag in the JEditorPane. If I get you right, you get the hole content of the JEditorPane and save it. How did you get it ? And before saving that in the database, did you fing the keysWord to convert the HTML tag in the corresponding entities ?
Bellow you have a sample of code to make the formatting in the JTextPane.
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import javax.swing.text.*;
import javax.swing.text.Highlighter;
import javax.swing.event.*;
import java.util.*;
import javax.swing.text.*;
import javax.swing.text.BadLocationException;
public class MonJTextPane extends JFrame implements CaretListener, ActionListener
          *     Attributs :
     private JTextPane monTextPane;
     private JLabel monLabel;
     private JButton monBouton;
     private StyleAide style; // class qui defini les effets de style de l'editeur
          *     Constructeur :
     public MonJTextPane ()
     {     super ("Aide");
          // construction du composant Texte
          this.style = new StyleAide (new StyleContext ());
          this.monTextPane = new JTextPane ();
          this.monTextPane.setDocument (style);
          this.monTextPane.addCaretListener (this);
          // construction de la fenetre :
          this.getContentPane ().setLayout (new BorderLayout ());
          this.setBounds (150,150,600,550);
          this.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
          this.monLabel = new JLabel ("Auncune ligne saisie...");
          this.monBouton = new JButton ("change de style");
          this.monBouton.addActionListener (this);
          JPanel panel = new JPanel ();
          panel.setLayout (new GridLayout (1,2));
          panel.add (monLabel);
          panel.add (monBouton);
          this.getContentPane ().add (panel, BorderLayout.SOUTH);
          this.getContentPane ().add (this.monTextPane, BorderLayout.CENTER);
          this.setVisible (true);
          *     Methodes :
     private int getCurrentLigne ()
     {     return ( this.style.getNumLigne (monTextPane.getCaretPosition ())+1 );
     public int getCurrentColonne ()
     {     return ( this.style.getNumColonne (monTextPane.getCaretPosition ())+1 );
          *     Methodes CaretListener:
     // ecoute les deplacements du curseur d'insertion
     public void caretUpdate(CaretEvent e)
     {     int debut = java.lang.Math.min (e.getDot (), e.getMark ());
          int fin   = java.lang.Math.max (e.getDot (), e.getMark ());
          this.monLabel.setText ("Ligne numero : "+ this.getCurrentLigne ()+" Colonne : "+this.getCurrentColonne ()+" (debut : "+debut+", fin : "+fin+")");
          *     Methodes ActionListener:
     public void actionPerformed (ActionEvent e)
     {     int start     = monTextPane.getSelectionStart();
          int end          = monTextPane.getSelectionEnd();
          int debut     = java.lang.Math.min (start, end);
          int fin          = java.lang.Math.max (start, end);
          int longueur= fin - debut;
          this.style.changeStyleSurligne (debut, longueur);
     // lance le tout ....
     public static void main (String argv [])
     {     new MonJTextPane ();
// la Classe DefaultStyledDocument correspond a la classe utilise comme Model pour les
// composant Texte evolue comme : JTextPane ou JEditorPane
// en derivant de cette derniere nous pouvons donc redefinir les methodes d'insertion afin de personnalise
// le style d'ecriture en fonction du texte et creer une methode permettant de modifier le style utilise pour
// une partie de texte deja ecrite.
class StyleAide extends DefaultStyledDocument
          *     Constructeur :
     public StyleAide (StyleContext styles)
     {     super (styles);
          initStyle (styles);
          *     Methodes :
     // redefini pour choisir l'effet de style a utiliser
     public void insertString(int offs, String str, AttributeSet a) throws BadLocationException
     {     try
          {     // si le texte insere est egale a HELP le texte s'ecrit avec le style "styleOp"
               if ( str.equals ("HELP") )
               {     super.insertString (offs, str, getStyle ("styleOp"));
               else // sinon le texte est ecrit avec le style "styleNormal"
               {     super.insertString (offs, str, getStyle ("styleNormal"));
          catch (BadLocationException e)
          {     System.out.println ("Tuuuttt erreur Insere");
     // modifie le style d'ecriture d'un texte deja ecrit compris
     public void changeStyleSurligne (int positionDepart, int longueur)
     {     setCharacterAttributes (positionDepart, longueur, getStyle ("styleKeyWord"), true);
     // le Model d'un composant texte est enregistre sous form d'un arbre
     // cette methode permet de recuperer le noeud root de l'arbre
     private Element getRootElement ()
     {     return this.getDefaultRootElement ();
     // methode permettant d'obtenir la ligne correspondant a un offset donnee
     public int getNumLigne (int offset)
     {     Element eltR = getRootElement ();
          int numLigne = eltR.getElementIndex (offset);
          Element elt  = eltR.getElement (numLigne);
          if ( offset != elt.getEndOffset () )
          {     return numLigne;
          else
          {     if ( numLigne != 0 )
               {     return numLigne+1;
          return 0;
     public int getNumColonne (int offset)
     {     Element eltR = getRootElement ();
          Element elt = eltR.getElement (eltR.getElementIndex (offset));
          int numColonne = offset-elt.getStartOffset ();
          return numColonne;
     // Defini les differents styles
     private static void initStyle (StyleContext styles)
     {     // definition du style pour le texte normal (brute)
          javax.swing.text.Style defaut = styles.getStyle (StyleContext.DEFAULT_STYLE);
          javax.swing.text.Style styleNormal = styles.addStyle("styleNormal", defaut);
          StyleConstants.setFontFamily (styleNormal, "Courier");
          StyleConstants.setFontSize (styleNormal, 11);
          StyleConstants.setForeground(styleNormal, Color.black);
          javax.swing.text.Style tmp = styles.addStyle("styleKeyWord", styleNormal);
          // Ajout de la couleur blue et du style gras pour les mots cle
          StyleConstants.setForeground(tmp, Color.blue);
          StyleConstants.setBold(tmp, true);
          tmp = styles.addStyle("styleOp", styleNormal);
          // Ajout de la couleur rouge pour le style des operateurs
          StyleConstants.setForeground(tmp, Color.red);
}But it hard for me to convert it in the corresponding HTML document.
Did you have and idea
Tkks