[flexcoders] Datagrid HTML Item Editor

[unhitchedm]

Hi,

I'm going a little mental trying to figure this one out...

(hope this display better when posted)

<mx:DataGrid id="editStockists" width="100%" height="100%"
        editable="true" dataProvider="{model.hbStockistsAC}">
        <mx:columns>
                <mx:DataGridColumn dataField="StockistID" headerText="Stockist 
ID"
editable="false"/>
                <mx:DataGridColumn dataField="StockistDetails"
headerText="Stockists" wordWrap="true"
                        editorHeightOffset="100" editorWidthOffset="200"
editorUsesEnterKey="true">
                        <mx:itemRenderer>
                                <mx:Component>
                                        <mx:Text 
htmlText="{data.StockistDetails}"/>
                                </mx:Component>
                        </mx:itemRenderer>
                        <mx:itemEditor>
                                <mx:Component>
                                        <mx:RichTextEditor 
htmlText="{data.StockistDetails}"/>
                                </mx:Component>
                        </mx:itemEditor>
                </mx:DataGridColumn>
        </mx:columns>
</mx:DataGrid>

So this 'works' - as in the item editor shows up and I can edit text.

However, I get only plain text instead of Richly formatted.

I'm using a Rich Text Editor in another part of the app which is not
associated with a datagrid and it saves properly formatted text.

Any ideas?