We are using <div> intead of <table>

Last post 08-12-2014, 3:56 AM by Bloodcarver. 15 replies.
Sort Posts: Previous Next
  •  06-11-2014, 8:35 AM 80334

    We are using <div> intead of <table>

    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? 

    Filed under: ,
  •  06-12-2014, 9:41 AM 80335 in reply to 80334

    Re: We are using <div> intead of <table>

    Hi Bloodcarver,

     

    Try use the insert div menu to achieve it.

     

     

    Regards,

     

    Ken 

  •  06-25-2014, 9:57 AM 80347 in reply to 80335

    Re: We are using <div> intead of <table>

    Hi Ken,

     

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

     

     

    ...same on Your demo editor.

     

     

  •  06-26-2014, 8:02 AM 80348 in reply to 80347

    Re: We are using <div> intead of <table>

    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 

  •  06-30-2014, 2:31 AM 80350 in reply to 80348

    Re: We are using <div> intead of <table>

    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. 

  •  06-30-2014, 8:30 AM 80351 in reply to 80350

    Re: We are using <div> intead of <table>

    Hi Bloodcarver,

     

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

     

    Regards,

     

    Ken 

  •  06-30-2014, 10:08 AM 80352 in reply to 80351

    Re: We are using <div> intead of <table>

  •  06-30-2014, 4:18 PM 80354 in reply to 80352

    Re: We are using <div> intead of <table>

    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 

  •  06-30-2014, 4:22 PM 80355 in reply to 80354

    Re: We are using <div> intead of <table>

     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.

     

    1. <table cellspacing='2' cellpadding='2' style='width:480px'>  
    2.     <tr>  
    3.         <td>  
    4.         <div> 1</div>  
    5.         </td>  
    6.         <td> </td>  
    7.     </tr>  
    8.     <tr>  
    9.         <td> </td>  
    10.         <td> </td>  
    11.     </tr>  
    12. </table>  
     

    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 

  •  07-01-2014, 8:35 AM 80358 in reply to 80355

    Re: We are using <div> intead of <table>

    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....

     

     

     

  •  07-01-2014, 9:31 AM 80360 in reply to 80358

    Re: We are using <div> intead of <table>

    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 

  •  07-01-2014, 11:07 AM 80361 in reply to 80360

    Re: We are using <div> intead of <table>

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

     

     

  •  07-02-2014, 9:58 AM 80362 in reply to 80361

    Re: 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"/> 

     

    1. <div>  
    2. <div>line1</div>  
    3. <div>line2</div>  
    4. </div>  
     

    Regards,

     

    Ken 

  •  07-18-2014, 2:59 AM 80380 in reply to 80362

    Re: We are using <div> intead of <table>

    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

  •  08-12-2014, 3:56 AM 80394 in reply to 80380

    Re: We are using <div> intead of <table>

    ...any other suggestions?
  •  08-12-2014, 3:56 AM 80395 in reply to 80380

    Re: We are using <div> intead of <table>

    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.

View as RSS news feed in XML