Support forums
in

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
Powered by Community Server (Commercial Edition), by Telligent Systems