Question

Is there a way to be able to edit the text in a <p> element when you click it, like make it a text input when you click on it, I can kind of manage this on my own, but would like to know a simple, easy way to do it.

However, the hard part is that I would like it to change the actual <p> contents when you press enter, or click out of the text input.

Thanks, I have tried to explain this as well as possible.

Answer 1

If you want to use HTML5 you can add the attribute contenteditable=”true”

if you don’t want to use HTML5 here is jQuery:
http://jsfiddle.net/uGU6p/