Web Design App

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:

"

This is for a test.

"

THANKS