Non-breaking spaces ignored in pasted HTML

This forum is for all Flare issues related to styles, stylesheets and XML.

Non-breaking spaces ignored in pasted HTML

Postby Joseph Zitt on Wed Apr 10, 2019 2:39 am

I have HTML screenshots. When I paste them into Flare snippets, Flare ignores non-breaking spaces before the first characters on a line, used so columns of text are shown correctly.

In the snippet below, for example, the number "43" should line up with the "42" above it, as it does in browsers. Instead, it appears at the start of the line, to the left.

Code: Select all
<?xml version="1.0" encoding="utf-8"?>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd">
    <head>
        <link href="../../../TableStyles/HTML Screenshot.css" rel="stylesheet" MadCap:stylesheetType="table" />
    </head>
    <body>
        <TABLE style="font-family: 'Courier New'; padding: 2px;border: 1.5px solid      #b8b894;border-radius: 8px; border-collapse: collapse; border-spacing: 0;">
            <tr>
                <td style="font-family: 'Courier New', Courier, monospace;      vertical-align:middle; background-color:#ffffff; width:auto"><span style="COLOR:#000000">​</span>&#160;<span style="COLOR:#000000">JCSAFUPD​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#ffffff; background-color:#ff0000;font-weight:bold;">&#160;Safe&#160;Update&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">iSecurity/Safe-Update​</span>&#160;<span style="COLOR:#000000"><br />               &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#ff0000">Prevent&#160;/&#160;Regulate&#160;File&#160;Editors​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">System:​</span>&#160;<span style="COLOR:#000000">​</span>&#160;<span style="COLOR:#000000">S520&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000"><br />               ​</span>&#160;<span style="COLOR:#27ba4c">Protect&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#27ba4c">Reporting&#160;&amp;&#160;Working​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">&#160;1.&#160;Protect&#160;DB&#160;Files&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">41.&#160;Work&#160;with&#160;Active&#160;Tickets​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">&#160;5.&#160;Definitions​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">42.&#160;Display&#160;history&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;<br />​               &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">43.&#160;Display&#160;updates​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#27ba4c">Ad-Hoc&#160;Tickets​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">46.&#160;Display&#160;File&#160;Journal​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">11.&#160;Set&#160;Ad-Hoc&#160;Ticket​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">47.&#160;Display&#160;Journal​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />                  &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#27ba4c">Tickets&#160;by&#160;Work-Order​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#27ba4c">Related&#160;Products​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">21.&#160;Work&#160;with&#160;Work-Orders​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">61.&#160;Application&#160;Journal​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">22.&#160;Set&#160;Ticket&#160;by&#160;Work-Order&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />                  &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#27ba4c">General&#160;Tickets&#160;Activities​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#27ba4c">Maintenance​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">31.&#160;Display&#160;Ticket​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">81.&#160;System&#160;Configuration​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">32.&#160;End&#160;Ticket&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">82.&#160;Maintenance&#160;Menu&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">39.&#160;Work&#160;with&#160;Permission&#160;Requests​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">89.&#160;Base&#160;Support&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />                  &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">Selection&#160;or&#160;command&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#000000">===&gt;​</span>&#160;<span style="COLOR:#000000"><U>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               &#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</U>​</span>&#160;<span style="COLOR:#000000"><br />               ​</span>&#160;<span style="COLOR:#002db3">F3=Exit&#160;&#160;&#160;F4=Prompt&#160;&#160;&#160;F9=Retrieve&#160;&#160;&#160;F12=Cancel&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000"><br />               ​</span>&#160;<span style="COLOR:#002db3">F13=Information&#160;Assistant&#160;&#160;F16=AS/400&#160;main&#160;menu&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br />               ​</span>&#160;<span style="COLOR:#27ba4c">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;​</span>&#160;<span style="COLOR:#000000"><br />            ​</span></td>
            </tr>
        </TABLE>
    </body>
</html>
Joseph Zitt
Propeller Head
 
Posts: 30
Joined: Sun Mar 10, 2019 3:36 am

Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 4 guests