OK, here goes.  I have an HTML form for people to create a web page.  I 
have a text area at the top of the page for them to type in any text they 
want.  Under this text box, I have a number of input elements that users 
can add to the page.  All they need to do is enter the values for certain 
parameters and click "Add".  When they're done entering everything and hit 
a "Get Code" button, I need to give them the HTML code that would give 
them what they want.  
  Any inputs they want, I place them in a 2-column table with the label on 
the left and the actual input on the right. 
  Here's the problem I have... I can work out this problem fine if the 
user only enters text or only wants inputs on the page.  However, if they 
want to have inputs in between a couple of separate paragraphs, I don't 
know how to figure out where each one begins and ends.
  Another thing I'd like to have available, if possible, is for the users 
to be able to add text formatting, such as bold and italics to their 
content.  I was hoping, though I'm not sure it can be done, to have the 
ability to highlight a selection, either using the keyboard or mouse and 
simply click a button to add the formatting.
  Does anyone have any suggestions on how to accomplish this particular 
task?  I am absolutely stumped and could use any assistance I can get.