Skip to main content
A
Anonymous
December 17, 2013
Beantwortet

Import from Word creates bad html

  • December 17, 2013
  • 1 Antwort
  • 3165 Ansichten

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>

==

Dieses Thema wurde für Antworten geschlossen.
Beste Antwort von Peter Grainge

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

1 Antwort

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
December 17, 2013

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.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
A
Anonymous
December 17, 2013

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>

Peter Grainge
Community Expert
Peter GraingeCommunity ExpertAntwort
Community Expert
December 18, 2013

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

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Allgemeine NutzungsbedingungenAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices