<p> inside <div>

Sebstefanov wrote:You have to add the following code to your config.js file:

config.forceEnterMode = true;

Hi Sebastian

Thanks for the quick reply.

I tried setting

config.forceEnterMode = true;

but it hasn't helped.

The example:

    <div class="introduction">
         Introduction paragraph 1 text Introduction paragraph 2 text
    </div>

still generates:

  <div class="introduction">
         Introduction paragraph 1 text </div>
    <div class="introduction">
        Introduction paragraph 2 text </div>

I also tried placing the cursor before the second Introduction and pressing enter 3 times:

    <div class="introduction">
         Introduction paragraph 1 text Introduction paragraph 2 text
    </div>

this resulted in source:

  <div class="introduction">
         Introduction paragraph 1 text </div>
    <p class="introduction">
        &nbsp;</p>
    <p class="introduction">
        &nbsp;</p>
    <div class="introduction">
        Introduction paragraph 2 text </div>

This isn't what I expected because <p> elements have been added but not between the <div>s and the class definition from the <div> has been added to the <p> elements.

I double checked the api to see if the order of application was important and found "pressing the Enter key inside a <div> element will create a new paragraph with <p> instead of a <div>" which is what I am doing. I admit that the api doesn't say that the <p> will be created inside the <div></div> elements so the behaviour does match the api but doesn't create the output we require.

As another experiment I tried placing the cursor before the second Introduction and pressing shift+enter 3 times (ShiftEnterMode= br):

    <div class="introduction">
         Introduction paragraph 1 text Introduction paragraph 2 text
    </div>

The created source was:

  <div class="introduction">
         Introduction paragraph 1 text <br />
        <br />
        <br />
        Introduction paragraph 2 text </div>

which is the sort of structure we require (except <br>s instead of <p>s)


I also ran it through firebug to check that forceEnterMode was indeed set to true (which it was).

Regards

P

<div class="introduction">
    <p>
         Introduction paragraph 1 text
    </p>
    <p>
        Introduction paragraph 2 text
    </p>
</div>