CONTENTEDITABLE problem with <p> tags

[tristero]

I've written a javascript html editor but i'm having problems...

I'm using a <div> tag with contenteditable="true" as the main editor window.

the only problem is when i type in it it uses <P> tags for each new line.

this is causing a bouble-spacing effect. how do i keep this from happening? is it possible to disable the <p> tags ability to line break?


example:

i type this[hit enter]then this.


-and i get:

<p>i type this</p>
<p>then this.</p>

on the browser it looks like this:

i type this

then this.

please help!!!

Dan Trenz
Ann Arbor, MI

 

[BillyRayPreachersSon]

You could add CSS for your P tags to set margin and padding to 0px:

<style type="text/css">
p {
     margin: 0px;
     padding: 0px;
}
</style>

I know it's not the same, but if you only want this visual effect, it should work, and you could strip out the P tags later using a search-and-replace, etc.

Hope this helps,
Dan

 

[tristero]

thanks Dan! that's what i was looking for. i just couldn't figure out which style properties to change.


Dan Trenz
Ann Arbor, MI

 

[adam0101]

Or you could hold the SHIFT key down while hitting ENTER to add a <BR> instead of <P></P>.

Adam
while(ignorance){perpetuate(violence,fear,hatred);life=life-1};