I've looked at the example script with dynamic forms, however, very confusing. All I'm looking for is: a plain html form calls/uses the htmleditor, to start, how?

Here's what I did, yet it still sucks, not working! I'm using IE7.

1. the plain html form page, reads as follows:
<html>
<head>
<title>Ext form</title>
<!--script type="text/javascript" src="/ext/build/widgets/Editor-min.js"></script-->
<script type="text/javascript" src="/ext/ext-base.js"></script>
<script type="text/javascript" src="/ext/ext-all.js"></script>

<script type="text/javascript" src="callEditor.js"></script>
</head>

<body>
<form id="form-ct2">
<textarea id="bio">some stuff here</textarea>
</form>
</body>
</html>

2. the callEditor.js reads as follows:
Ext.onReady(function(){

/*
* call htmleditor
*/
var top = new Ext.form.Form({
labelAlign: 'top'
});

top.container({},
new Ext.form.HtmlEditor({
id:'bio',
fieldLabel:'Biography',
width:550,
height:200
})
);

top.addButton('Save');
top.addButton('Cancel');

top.render('form-ct2');

});

Thanks.