I’ve found that we can use DIV as a TEXTAREA by setting contenteditable=’true’ and overflow=’auto’ (or ‘scroll’) (I don’t care about the appearance, just the functionality), but I really can’t find the solution with Google search to make it really like a TEXTAREA, the problem is related to line-spacing, when pressing enter key, the next line is too distant from the one before in DIV. When designing with DreamWeaver, if I try editing the DIV’s content and pressing enter key and switch to the code window, I can see there are P tags automatically inserted. That’s why the lines in DIV are too distant from each other and it can’t look fine like in a TEXTAREA. I want to say that it is so ugly and awkward.
Could you please let me know how to suppress that nasty automatic insertion of P tag into DIV’s content whenever pressing Enter key? Or could you give me any other solution to make the lines in DIV normal as in TEXTAREA?
Thank you very much!
Your help would be highly appreciated! (I’m just a newbie in Web programming, so please be patient!!! Thankssss!! :))
UPDATE!!!
You may all misunderstood me, when I say I press the Enter key, it is not in code editor like DreamWeaver, It is when I load the page in the browser and try typing as a normal user. That’s when I test the page.
I’ve found that the strange problem (which might make some of you think I’m noob?, vote down me?) was not the fault of mine, it was the fault of the browser I was using, it was Opera browser. I didn’t think it renders the DIV’s content that way.
After try using a different browser like Google Chrome, FireFox and it is normal now, like a TEXTAREA as I want.
Thanks!