Web Design App

Question

Okay... I am trying to make a web design app similar to Dreamweaver just for practice.

If I had 2 text boxes, how could I make it so that one is the design, and one is the code.

FOR EXAMPLE,

Type "This is for a test."

it puts this as the code:

"<p>This is for a test.<p>"

THANKS