IFRAME designMode options

press [Shift]+[Enter] to do a line break (<br>)

Is there not a way to get it to do it automatically when the user presses Enter?

Im sure there was a property that could be set that chooses either <p>'s or <br>'s to be created on a Enter, but I cant seem to find that information again.

I found out how to do it with a div:

<div contenteditable="true"></div>

Lets you enter text into the div. On enter the cursor moves down with double spacing.

<div contenteditable="true"><div></div></div>

Does the same but with single spacing.

So, i need to use an IFRAME so i have:

<iframe id="frame"></iframe>

with the javascript that makes it editable somewhere else.

I've tried nesting in a div but that still gave double line spacing.  But this is a good example of what Im looking for.

ok, i've cobbled together a javascript function that replaces paragraphs with line breaks.  Seems to work well.  Cheers.

Dear asker and experts.
Since this is a extremely interesting matter to both me and others who would search through EE PAQ`s i would like to ask you to post the final code, or atleast examples here...
I hope you all will see my point as we all try to built EE`s PAQ database to be the worlds finest.. And that a code snippet at the end of this thread would make it so much more valuable.

Thank you.
Mattis

Thanks Cheney ... despite of the fact that I am not an expert javascripter..you considered my answer..actually this thing brought me into this forum or you can say this forum is one of its kind. As far as Mattis's sujjestion is considered then I'll say he is 1005 right. We should share our ideas with enormous help essence in our feelings and sharing the things would make ee the best forum where experts exchange the ideas.

OK. Heres the code for a example.

I've stripped it down to get rid of all the formatting functions, etc. Its a very hack'n'slash solution and needs some checking so it doesnt parse when a selection is being made.

It works in IE, but i wouldnt know about any other browsers, i'm a newbie to javascript :D


<!-- Put this into your body -->
<iframe id = "editor"></iframe><br/>
<a href = "javascript:parse()">PARSE</a><br/>
<textarea id = "before"></textarea><br/>
<textarea id = "after"></textarea><br/>

<!-- At the end of the body or a seperate js file -->
<script>
editor.document.designMode="On";
setInterval("parse()", 100);

function parse()
{
      var oldHTML = editor.document.body.innerHTML;
      var newHTML = "";
      
      // Display current HTML code
      before.value = oldHTML;
            
      // Process and save results
      for(var i = 0; i < oldHTML.length; i++)
      {
            // IFRAME inserts "<P>&nbsp;</P>" at a new line, filter it out.
            if(oldHTML.substring(i, i + 13) == "<P>&nbsp;</P>"){i += 12; continue;}
            
            // Filter "<P>" and replace "</P>" with "<BR>"
            if(oldHTML.substring(i, i + 3) == "<P>"){i += 2; continue;}
            if(oldHTML.substring(i, i + 4) == "</P>"){i += 3; newHTML += "<BR>"; continue;}
            
            // Add current character to newHTML
            newHTML += oldHTML.charAt(i);
      }
      
      // Show resulting code
      after.value = newHTML;
      
      // Refresh HTML in IFRAME
      editor.document.body.innerHTML = newHTML;
}

</script>

If you could get the IFRAME to respond to key events it would make things easier, but I can't.

Thank you Cheney. :-)

I tried for 2 days (at 8 hours a day) to work with the event model in IE to add to shift to the keypress... I couldn't get it to work (I'm trying to use HTMLArea 3.0 but don't want that problematic feature)...