How to make “design mode” for html text editor?

[Tom_Kazansky]

I'm trying to make a simple text editor.

I already have some basic buttons like: Bold, Italic, Underline,... and click on them to insert BBCode into the textarea.

Now I want to make "design mode" that would show the text and its format in the editing area.

I did search around and found that I must create an iframe over a textarea but sadly I have no idea how.

I know there are many free text editors out there but they're big and kinda... confusing to me so I want to write my own text editor, this also for learning new things.

any idea?

 

[GetTriggerUnit-]

Hi!

It's called WYSIWYG (What you see is what you get)

Here's a free open source WYSIWYG editor http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/
You may want to check how it's written.

It's related to a frame's designer mode here: http://stackoverflow.com/questions/6924841/enable-iframes-design-mode