Hi,

When using <div>-structure as done in Bootstrap instead och "table"-design it is extremely hard to insert new <div> in the right place without using the source-code-mode.

How is best to insert a div after another div in Your editor? 

Hi Bloodcarver,

Try use the insert div menu to achieve it.

Regards,

Ken 

Hi Ken,

We tried this but we got a <p> instead )c: Do You have any more ideas?

...same on Your demo editor.

Hi,

Can you try on demo http://richtexteditor.com/demo/default.aspx? I can not reproduce this problem, it always inserts the <div> for me.

Regards,

Ken 

Hi,

The example above is made from Your site. We can get it to work also, but it is when You have complete div-structure it stops to work. So please paste a page before editing. 

Hi Bloodcarver,

Can you post the full html code what you are testing in editor? So I can try it too.

Regards,

Ken 

Hi,

I am not sure what is your site link for. Can you post the html code what you tested in editor here? I have no way to reproduce this problem with my own test html code, so I think it maybe the problem of the html code what you are testing.

Regards,

Ken 

 Hi,

Myabe you can try my steps frist?

1. go to http://richtexteditor.com/demo/ 

2. Copy/paste the html code below into the html view of the editor.

3. Move the  cursor into the frist cell of row 1 then insert a div by the "insert a like break" menu. Does it get div or the p target?

Regards,

Ken 

Hi,

The code looks like this (unrendered):

<div class="navbar navbar-default">

<div class="container"><img src="/File/AddonPlaceHolder/fdbe51db-b1d4-4a65-98bf-9bc3b7d116f8/5e8ae222-d3ff-4e98-bf29-0de0741f97fa/05f71cc0-3ef8-41e5-b324-a039e793a69b" alt="##ARGS##CONTENTGUID=05f71cc0-3ef8-41e5-b324-a039e793a69b|ADDONGUID=5e8ae222-d3ff-4e98-bf29-0de0741f97fa##ENDARGS##" title="Sida-i-Sida: Logga, Superfish och mobilmeny" />

</div>

</div>

<footer>

<div class="container">

<div class="col-md-4">

<div class="panel">

<div class="panel-body">

<img src="/File/AddonPlaceHolder/fdbe51db-b1d4-4a65-98bf-9bc3b7d116f8/804819a5-6376-4976-a801-469e582c9d62/c7efc362-8d9f-4ece-9aa7-8b7779faf48f" alt="##ARGS##CONTENTGUID=c7efc362-8d9f-4ece-9aa7-8b7779faf48f|TYPE=VIEW|ADDONGUID=804819a5-6376-4976-a801-469e582c9d62##ENDARGS##" title="Nyheter" />

</div>

</div>

</div>

<a href="#" class="list-group-item active">

<h4 class="list-group-item-heading">Rubrik</h4>

<p class="list-group-item-text">Text...</p>

</a>

<h4 class="list-group-item-heading">Rubrik</h4>

<p class="list-group-item-text">Text...</p>

<div class="row">

<div class="panel">

<div class="panel-body">

<img src="/File/AddonPlaceHolder/fdbe51db-b1d4-4a65-98bf-9bc3b7d116f8/804819a5-6376-4976-a801-469e582c9d62/c7efc362-8d9f-4ece-9aa7-8b7779faf48f" alt="##ARGS##CONTENTGUID=c7efc362-8d9f-4ece-9aa7-8b7779faf48f|TYPE=LIST|ADDONGUID=804819a5-6376-4976-a801-469e582c9d62##ENDARGS##" title="Nyheter" />

<br />

<br />

<a href="/arkivet.html">G&#229; till Arkivet&nbsp;</a>

</div>

<div>

<img src="/File/AddonPlaceHolder/fdbe51db-b1d4-4a65-98bf-9bc3b7d116f8/bca6bdb7-2341-490d-a92e-8880d3db604e/6b4187af-2215-4bdc-ad17-8fbe0018aca0" alt="##ARGS##CONTENTGUID=6b4187af-2215-4bdc-ad17-8fbe0018aca0|ADDONGUID=bca6bdb7-2341-490d-a92e-8880d3db604e##ENDARGS##" title="Galleri: Nytt Galleri" />&nbsp;</div>

</div>

<img src="/File/AddonPlaceHolder/89669762-eb45-4c18-ba79-9b955c67124c/5e8ae222-d3ff-4e98-bf29-0de0741f97fa/ed32aec9-2073-4ed2-a525-b9c8f3ff182c" alt="##ARGS##CONTENTGUID=ed32aec9-2073-4ed2-a525-b9c8f3ff182c|ADDONGUID=5e8ae222-d3ff-4e98-bf29-0de0741f97fa##ENDARGS##" title="Sida-i-Sida: Sidfot" /></div>

</div>

</footer>

 I tested another simple div-structure in Your editor, and that failed in another way, it inserted the DIV plus one extra DIV....

But you siad got this problem with the table, and the html code you provided has no table there. I do not know how to reproduce the issue with the code you send. Can you provide the full steps?

Regards,

Ken 

No, I wrote "We are using <div> intead of <table>" 

Maybe you can try set property "EnterKeyTag" to DIV, it should work with your two lines example below. This setting will generates the div target for enter key.

<RTE:Editor runat="server" ID="Editor1" EnterKeyTag="DIV"/> 

Regards,

Ken 

Hi Ken my friend, 

No, that is not a solution, we have to maintain the ordinary order of line breaks. Ie EnterKey gives <p> and shift+EnterKey gives BR.

 Best regards

Something like this would be nice:

http://doksoft.com/soft/ckeditor-bootstrap/demo.html 

...or just something that makes me able to edit rows and columns in bootstrap without coding knowledge.