10 Replies Latest reply on Dec 23, 2013 2:31 PM by imagineimage1

    Import from Word creates bad html

    jeffc2010 Level 1

      using Word 2010 and Robohelp 10

       

      I cannot find a "convert text to table" option in Robohelp so I assume you must create the table from scratch or import the table, correct?

       

      Importing word docs using tables and lists creates html with a lot of formatting garbage (in my opinion)

       

      1. i created Word doc with only a simple table that only used the most basic "table grid" word table style format.
      2. Imported the word doc into my robohelp project
      3. set the table import style to "simple border"

       

      The html is cluttered with really poor tagging garbage.

       

      Is there a way to create tables in Word that will create unformatted tables in Robo Help?

       

      sample:

       

      ===

      <body>

      <table class="SimpleBorder" cellspacing="0">

      <tr>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">This

         is the first column heading</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">This

         is second column heading</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">This

         is third column heading</p></td>

      </tr>

      <tr>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         one, second row</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         two, second row</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         three, second row</p></td>

      </tr>

      <tr>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         one, third row</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         two, third row</p></td>

        <td style="vertical-align: top;" width="213"><p style="margin-bottom: .0001pt;

                     line-height: normal;">Column

         three, third row</p></td>

      </tr>

      </table>

      <p>&#160;</p>

      <p class="ListParagraphCxSpFirst" style="text-indent: -.25in;">1.<span

        style="font: 7.0pt 'Times New Roman';">&#160;&#160;&#160;&#160;&#160;&#160;</span>&#160;Ordered

      list step 1</p>

      <p class="ListParagraphCxSpMiddle" style="text-indent: -.25in;">2.<span

        style="font: 7.0pt 'Times New Roman';">&#160;&#160;&#160;&#160;&#160;&#160;</span>&#160;Ordered

      list step 2</p>

      <p class="ListParagraphCxSpLast" style="text-indent: -.25in;">3.<span style="font: 7.0pt 'Times New Roman';">&#160;&#160;&#160;&#160;&#160;&#160;</span>&#160;Ordered

      list step 3</p>

      <p style="margin-left: .25in;">&#160;</p>

      </body>

      ==

        • 1. Re: Import from Word creates bad html
          Peter Grainge Adobe Community Professional (Moderator)

          Easier than you expect.

           

          Paste in, complete with garbage.

           

          Right click and select a CSS table.

           

          Important. Select Clean inline styling.

           

          Usually does the job.

          • 2. Re: Import from Word creates bad html
            jeffc2010 Level 1

            Peter,

            Thank you for replying. Is the option you are referring to a check box labeled "clean table inline formatting". If this is what you mean, i use it all the time and it usually does NOT do the job.

            Here is what i did:

            1. selected table in word doc
            2. pasted into RH topic (normal style selected)
            3. selected table
            4. right click, selected "table style"
            5. checked "clean table inline formatting". Selected "default" table style

             

            Below is the same 9 cell table after using this procedure noted above. Even more garbage formatting.

             

            Did I use the option you are referring to?

             

            ==

            <table cellspacing="0">

            <tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;">

              <td style="vertical-align: top; border: solid #000000 1.0pt; mso-border-alt: solid windowtext .5pt;

                padding: 0in 5.4pt 0in 5.4pt; padding-left: 0px; padding-top: 0px;

                padding-right: 0px; padding-bottom: 0px;" width="213"><p

                style="margin-bottom: .0001pt; line-height: normal;">This

               is the first column heading</p></td>

              <td style="vertical-align: top; border: solid #000000 1.0pt; border-left: none;

                mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;

                padding: 0in 5.4pt 0in 5.4pt; padding-left: 0px; padding-top: 0px;

                padding-right: 0px; padding-bottom: 0px;" width="213"><p

                style="margin-bottom: .0001pt; line-height: normal;">This

               is second column heading</p></td>

              <td style="vertical-align: top; border: solid #000000 1.0pt; border-left: none;

                mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;

                padding: 0in 5.4pt 0in 5.4pt; padding-left: 0px; padding-top: 0px;

                padding-right: 0px; padding-bottom: 0px;" width="213"><p

                style="margin-bottom: .0001pt; line-height: normal;">This

               is third column heading</p></td>

            </tr>

            <tr style="mso-yfti-irow: 1;">

              <td style="vertical-align: top; border: solid #000000 1.0pt; border-top: none;

                mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;

                padding: 0in 5.4pt 0in 5.4pt; padding-left: 0px; padding-top: 0px;

                padding-right: 0px; padding-bottom: 0px;" width="213"><p

                style="margin-bottom: .0001pt; line-height: normal;">Column

               one, second row</p></td>

              <td style="vertical-align: top; border-top: none; border-left: none;

                border-bottom: solid #000000 1.0pt; border-right: solid #000000 1.0pt;

                mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt;

                mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt;

                padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;"

                width="213"><p style="margin-bottom: .0001pt;

                    line-height: normal;">Column two, second row</p></td>

              <td style="vertical-align: top; border-top: none; border-left: none;

                border-bottom: solid #000000 1.0pt; border-right: solid #000000 1.0pt;

                mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt;

                mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt;

                padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;"

                width="213"><p style="margin-bottom: .0001pt;

                    line-height: normal;">Column three, second

               row</p></td>

            </tr>

            <tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes;">

              <td style="vertical-align: top; border: solid #000000 1.0pt; border-top: none;

                mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;

                padding: 0in 5.4pt 0in 5.4pt; padding-left: 0px; padding-top: 0px;

                padding-right: 0px; padding-bottom: 0px;" width="213"><p

                style="margin-bottom: .0001pt; line-height: normal;">Column

               one, third row</p></td>

              <td style="vertical-align: top; border-top: none; border-left: none;

                border-bottom: solid #000000 1.0pt; border-right: solid #000000 1.0pt;

                mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt;

                mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt;

                padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;"

                width="213"><p style="margin-bottom: .0001pt;

                    line-height: normal;">Column two, third row</p></td>

              <td style="vertical-align: top; border-top: none; border-left: none;

                border-bottom: solid #000000 1.0pt; border-right: solid #000000 1.0pt;

                mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt;

                mso-border-alt: solid windowtext .5pt; padding: 0in 5.4pt 0in 5.4pt;

                padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;"

                width="213"><p style="margin-bottom: .0001pt;

                    line-height: normal;">Column three, third

               row</p></td>

            </tr>

            </table>

            • 3. Re: Import from Word creates bad html
              Peter Grainge Adobe Community Professional (Moderator)

              You used the right option, I gave you the wrong procedure, apologies.

               

              Paste your table in and then select it in Rh. On the Format menu there is a Clear Formatting option. Click that and you will have a clean table to which you can then apply a CSS table if required.

               


              See www.grainge.org for RoboHelp and Authoring tips

               

               

              @petergrainge

              • 4. Re: Import from Word creates bad html
                jeffc2010 Level 1

                Peter,

                Thank you so much for making me aware of this feature. I am very glad to know about it now after struggling so long with manually cleaning up poor html.

                 

                One other odd thing that is happening: After I clean up the table (see html below) If i use "default.css" or "RHStyleMapping.css", and apply "simpleBorder" table style, the first column in my simple 9 cell table is 6" wide (way too wide) and the last two columns are half inch wide each (see inserted screen shot below). I looked at css format and cannot determine why this happens. Is it the typical issue? 

                 

                What can I do so I do not need to manually adjust the column width?

                 

                Here is the html:

                 

                ==

                 

                <link rel="StyleSheet" href="RHStyleMapping.css" type="text/css" />
                </head>

                <body>
                <table class="SimpleBorder" cellspacing="0">
                <tr>
                  <td>This is the first column heading</td>
                  <td>This is second column heading</td>
                  <td>This is third column heading</td>
                </tr>
                <tr>
                  <td>Column one, second row</td>
                  <td>Column two, second row</td>
                  <td>Column three, second row</td>
                </tr>
                <tr>
                  <td>Column one, third row</td>
                  <td>Column two, third row</td>
                  <td>Column three, third row</td>
                </tr>
                </table>

                 

                ==

                 

                Here is screen shot of the table:

                 

                test table 001.JPG

                • 5. Re: Import from Word creates bad html
                  Peter Grainge Adobe Community Professional (Moderator)

                  That's a known issue and it should be OK in most browsers. To fix it in Rh's Design Editor apply a table width and column widths.

                   


                  See www.grainge.org for RoboHelp and Authoring tips

                   

                   

                  @petergrainge

                  • 6. Re: Import from Word creates bad html
                    imagineimage1

                    Because we experience so many issues with tables being created by others, we are simply capturing the tables as graphics and putting them in as pictures.  It's the only way to get the tables the way the authors want and keeps us from beginning to look like Peter prematurely that is.  (hehe!)

                    • 7. Re: Import from Word creates bad html
                      Peter Grainge Adobe Community Professional (Moderator)

                      Well I may have a few wrinkles but my tables look better than yours!

                       

                      Have you tried the Clear Formatting option as it leaves only really basic table code?Then apply a CSS style and the table is perfect.

                       


                      See www.grainge.org for RoboHelp and Authoring tips

                       

                       

                      @petergrainge

                      • 8. Re: Import from Word creates bad html
                        jeffc2010 Level 1

                        As I noted, I am so happy to learn about "clear formatting" function. It works great, except, as i noted, if i apply a CSS style, i still have to manually adjust the column width because the first column width is goofy. I see you noted it is a "known issue". In any case, "clear formatting" goes a long way in improving bringing previously created tables into robohelp.

                         

                        In the past I have sometimes used an image, but i prefer having live data in case it needs to be updated in the future.

                        • 9. Re: Import from Word creates bad html
                          Peter Grainge Adobe Community Professional (Moderator)

                          @jeffc2010 My last post was in response to ImagineImage1.

                           


                          See www.grainge.org for RoboHelp and Authoring tips

                           

                           

                          @petergrainge

                          • 10. Re: Import from Word creates bad html
                            imagineimage1 Level 1

                            Sometimes I have had to click that clear button a few times before it actually cleans totally or so it seems.