i want to allow a user to either preview or edit a letter (http://sel2in.com/prjs/uandsanta/v/v2t/)
the user can choose if they want to go with a template (no editing the letter directly then) or a custom letter (can edit)
I can use
1. text area
2. div to read template - text area to edit
3. div to read and edit (use contentEditable)
4. iframe to read - text area to edit
5. iframe to read and div to edit
text area is good for plain text only(as far as i know) so should i use another combination?
Want to know the best UI that you would opt for , please comment. thank you
FYI the site is for a parent to customize a letter that gets sent by post; as if from Santa; to the child.