Page 1 of 1

How do you break out of a block in WYSIWYG editor?

Posted: Wed Sep 26, 2007 12:33 am
by Crud O Matic
Say, I'm in a P tag and I want to end the P tag, then start a DIV.

How would I tell the editor to end the path im in and start a new one w/o editing the HTML? I need this because the person that will be using this when I'm done DOESN'T know HTML and doesn't want to learn.

Crud

Re: How do you break out of a block in WYSIWYG editor?

Posted: Wed Sep 26, 2007 1:46 pm
by Jonny
Here's what I do in TinyMCE (using a Mac but I think the key combo is the same):

Hit return to start a new paragraph.

Press control-8 (changes the new into .

For example, starting with an empty page.

1) Type in some text.

Result in HTML:

Code: Select all

blah blah blah
(doesn't tag input as paragraph at this point.)


2) Hit return to start new paragraph.

Result in HTML code:

Code: Select all

<p>blah blah blah</p><p> </p>
(first line and new line wrapped in paragraph tags, non-breaking space added to new line.)


3) Press control-8

Result in HTML:

Code: Select all

<p>blah blah blah</p><div> </div>
(new line changed to div and non-breaking space removed.)


4) Type in some more text.

Result in HTML:

Code: Select all

<p>blah blah blah</p><div>even more blah </div>
(new line safely wrapped in the div.)


If possible, I try to avoid employing divs in user editable content. It's very easy to accidentally backspace over or misapply tags, with confusing results for the non-technically minded. It helps to ensure the path field is turned on in the TinyMCE extension settings and draw the end users attention to it.

Re: How do you break out of a block in WYSIWYG editor?

Posted: Wed Sep 26, 2007 3:10 pm
by alby
Jonny wrote: Here's what I do in TinyMCE (using a Mac but I think the key combo is the same):

Hit return to start a new paragraph.

Press control-8 (changes the new into .
In windows also.

Thank you very much  ;D

Alby