JEditorPane & HTML img rendering

Question

Hi folks,
I was trying to render some HTML with images in it, trying to get the text to flow around the image but so far it has not worked. The HTML in question is not at all complicated, it is a simple <img align='left' .... > followed by text. Unfortunately, it seems like the component is ignoring the align attribute.
Anyone has any ideas on how to correct this, or wether I'm simply doing something wrong?
To try to clarify my problem:
This is how it should be displayed:
Line of text 1
|         | Line of text 2
|  Image  | Line of text 3
|_________| Line of text 4
Line of text 5...and this is how it renders it:
Line of text1
|         |
|  Image  |
|_________| Line of text 2
Line of text 3
Line of text 4
Line of text 5I'd appreciate any help.

Answer 1

Try this example.
regards,
Stas
import java.awt.*;
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.FlowView.*;
public class Test extends JFrame{
    JEditorPane pane=new JEditorPane();
    public Test() throws Exception{
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.getContentPane().add(new JScrollPane(pane));
        pane.setEditorKit(new MyEditorKit());
        MutableAttributeSet attrs=new SimpleAttributeSet();
        pane.getDocument().insertString(0,"Align left flow test flow test flow test flow test flow test flow test flow test flow test flow test flow test\n",null);
        attrs=new SimpleAttributeSet();
        ImageIcon img=new ImageIcon("c:/test.jpg");
        StyleConstants.setIcon(attrs,img);
        pane.getDocument().insertString(0," ",attrs);
pane.getDocument().insertString(0,"\n\n",null);
        pane.getDocument().insertString(0,"Align right flow test flow test flow test flow test flow test flow test flow test flow test flow test flow test\n",null);
        attrs=new SimpleAttributeSet();
        StyleConstants.setIcon(attrs,img);
        StyleConstants.setAlignment(attrs,StyleConstants.ALIGN_RIGHT);
        pane.getDocument().insertString(0," ",attrs);
    public static void main(String args[]) throws Exception {
        Test gI = new Test();
        gI.setSize(300, 300);
        gI.setLocationRelativeTo(null);
        gI.setVisible(true);
class MyEditorKit extends StyledEditorKit {
    ViewFactory defaultFactory=new StyledViewFactory();;
    public ViewFactory getViewFactory() {
        return defaultFactory;
    static class StyledViewFactory implements ViewFactory {
        public View create(Element elem) {
            String kind = elem.getName();
            if (kind != null) {
                if (kind.equals(AbstractDocument.ContentElementName)) {
                    return new LabelView(elem);
                } else if (kind.equals(AbstractDocument.ParagraphElementName)) {
                    return new MyParagraphView(elem);
                } else if (kind.equals(AbstractDocument.SectionElementName)) {
                    return new BoxView(elem, View.Y_AXIS);
                } else if (kind.equals(StyleConstants.ComponentElementName)) {
                    return new ComponentView(elem);
                } else if (kind.equals(StyleConstants.IconElementName)) {
                    return new IconView(elem);
            // default to text display
            return new LabelView(elem);
class MyParagraphView extends ParagraphView {
    ImageIcon icon=null;
    int iconWidth=0;
    int restHeight=0;
    int imgAlign=StyleConstants.ALIGN_LEFT;
    public MyParagraphView(Element elem) {
        super(elem);
        strategy = new MyFlowStrategy();
    public void paint(Graphics g, Shape a) {
        super.paint(g,a);
        if (icon!=null) {
            Rectangle rect = a.getBounds();
            rect.width -= iconWidth;
            int x = rect.x;
            if (imgAlign == StyleConstants.ALIGN_RIGHT) {
                x += rect.width;
            g.drawImage(icon.getImage(), x, rect.y, null);
    protected void layout(int width, int height) {
        super.layout(width,height);
    public int getFlowSpan(int index) {
        int span= super.getFlowSpan(index);
        if (restHeight>0) {
            span-=iconWidth;
        return span;
    public int getFlowStart(int index) {
        int span=  super.getFlowStart(index);
        if (restHeight>0) {
            span+=iconWidth;
        return span;
    protected void layoutMinorAxis(int targetSpan, int axis, int[] offsets, int[] spans) {
        super.layoutMinorAxis(targetSpan,axis,offsets,spans);
        if (imgAlign==StyleConstants.ALIGN_LEFT && icon!=null) {
            restHeight=icon.getIconHeight();
            int i=0;
            while (restHeight>0 && i<offsets.length) {
                offsets[i]+=iconWidth;
                i++;
                View row=this.getView(i);
                if (row!=null) {
                    restHeight -= row.getPreferredSpan(View.Y_AXIS);
    public class MyFlowStrategy extends FlowStrategy {
        protected View createView(FlowView fv, int startOffset, int spanLeft, int rowIndex) {
            View v=super.createView(fv,startOffset,spanLeft,rowIndex);
            while (v instanceof IconView) {
                v=super.createView(fv,startOffset+1,spanLeft,rowIndex);
            return v;
        protected int layoutRow(FlowView fv, int rowIndex, int pos) {
            if (rowIndex==0) {
                int count=getElement().getElementCount();
                for (int i=0; i<count; i++) {
                    Element el=getElement().getElement(i);
                    Icon ic=StyleConstants.getIcon(el.getAttributes());
                    if (ic!=null) {
                        icon=(ImageIcon)ic;
                        iconWidth=ic.getIconWidth();
                        restHeight=ic.getIconHeight();
                        imgAlign=StyleConstants.getAlignment(el.getAttributes());
            int res=super.layoutRow(fv,rowIndex,pos);
            View row=fv.getView(rowIndex);
            restHeight-=row.getPreferredSpan(View.Y_AXIS);
            return res;
}