RichText / HTML Editor (3r1)

[mfariborz]

Has anyone else run into a problem with using Ext.nd.Form's render method and the HTML Editor?

When I use the following code to set up an HTML Editor, the toolbar is set up just fine.



Ext.onReady(function() {

var ed = new Ext.form.HtmlEditor({
width: 750,
height: 300,
enableAlignments: true,
enableColors: true,
enableFontSize: true,
enableFormat: true,
enableLinks: true,
enableLists: true,
applyTo: "Body"
});
});
The HTML Editor looks like the screen capture in the first attachment (RTGood.jpg).

But when I add the form.render method call, as shown below, the toolbar looks like the second attachment (RTBad.jpg).



Ext.onReady(function() {
var frm = new Ext.nd.Form({
vpConfig: {
frame: true
}
});
frm.render();

var ed = new Ext.form.HtmlEditor({
width: 750,
height: 300,
enableAlignments: true,
enableColors: true,
enableFontSize: true,
enableFormat: true,
enableLinks: true,
enableLists: true,
applyTo: "Body"
});
});
This is happening in Firefox 3.5.3. Can anyone point me in the right direction on where to look and what I should do to resolve the problem?

Also the RichText field has a class of xnd-ignore, since I am doing the setup in Ext.onReady event.

A side question. Jack, it looks like you have moved the Ext.nd.Form functionality into Ext.nd.UIDocument. Should we start using it instead of Ext.nd.Form? (I noticed that currently you are setting Ext.nd.Form equal to Ext.nd.UIDocument for backward compatibility.)

Thanks,

Mike