<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{mso-style-priority:99;
mso-style-link:"Plain Text Char";
margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.PlainTextChar
{mso-style-name:"Plain Text Char";
mso-style-priority:99;
mso-style-link:"Plain Text";
font-family:"Calibri",sans-serif;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri",sans-serif;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-US link="#0563C1" vlink="#954F72"><div class=WordSection1><p class=MsoPlainText>I would also note that this is nothing new, it is exactly what you would expect.<o:p></o:p></p><p class=MsoPlainText>Take for instance Firefox browser which now have their own PDF viewer, that PDF viewer is doing exactly what we essentially do (only theirs is parsing PDF and we are parsing the XEP Intermediate File).<o:p></o:p></p><p class=MsoPlainText>If I open a PDF with Firefox and I inspect the HTML that exists in their viewer (which is being parsed from PDF), I see this below.<o:p></o:p></p><p class=MsoPlainText>As you can see … every word in a <div> because that is how it is stored inside the PDF in a post-composition world.<o:p></o:p></p><p class=MsoPlainText>It looks strangely similar to exactly what RenderX’s HTML output from our engine.<o:p></o:p></p><p class=MsoPlainText> <o:p></o:p></p><p class=MsoPlainText><img width=1329 height=234 id="Picture_x0020_1" src="cid:image001.png@01D0EA2C.F6A62A90"><o:p></o:p></p><p class=MsoPlainText>-----Original Message-----<br>From: Xep-support [mailto:xep-support-bounces@renderx.com] On Behalf Of Kevin Brown<br>Sent: Tuesday, September 08, 2015 11:42 AM<br>To: 'RenderX Community Support List' <xep-support@renderx.com><br>Subject: [xep-support] Re: Change absolute Positioning in HTML Output</p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Alexander:<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>The HTML output was not built for simple display of textual content in web sites.<o:p></o:p></p><p class=MsoPlainText>It was built to specifically mimic the exact layout of the printed page.<o:p></o:p></p><p class=MsoPlainText>Because the formatter is squeezing space characters to make content fit within the line and the HTML output is being generated from that composed format, you will get this ... always.<o:p></o:p></p><p class=MsoPlainText>The best you could hope for would be setting word spacing to "0" and try to get one line of text together. <o:p></o:p></p><p class=MsoPlainText>But you would never be able to "gather" appropriate lines in <p> tags or <div> tags, nor could you make a table into a <table> as no "table" exists in the composed format.<o:p></o:p></p><p class=MsoPlainText>It was not designed nor built for that.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>If you want ... then ....<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>A) If you want a near exact representation of the page in HTML which would probably not work well in many modern browsers because of all the absolute positioning, then you use the HTML output from the engine<o:p></o:p></p><p class=MsoPlainText>B) If you want a near exact representation of the page in SVG which does work well in many modern browsers, then you use the SVG output from the engine<o:p></o:p></p><p class=MsoPlainText>C) If you wish simple HTML "chunks" (like <p> or <div> or <span> and flowing text inside them), then you should look at a Stylesheet that converts XSL FO to HTML and not converting the printed output from the engine<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>For the SVG output, you could look at this site which is RenderX at the backend, converting that page in HTML+CSS to print output, one of which is SVG and delivering that SVG back to the browser to display.<o:p></o:p></p><p class=MsoPlainText>You could choose Open->As SVG and this would scrape the HTML and CSS, send to a remote RenderX server, format it to SVG and return it to display in a new window.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>For an XSL that can take in XSL FO and make HTML, look here <a href="http://www.renderx.com/tools/freetools.html"><span style='color:windowtext;text-decoration:none'>http://www.renderx.com/tools/freetools.html</span></a>.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Kevin Brown<o:p></o:p></p><p class=MsoPlainText>(650) 327-1000 Direct<o:p></o:p></p><p class=MsoPlainText>(650) 328-8008 Fax<o:p></o:p></p><p class=MsoPlainText>(925) 395-1772 Mobile<o:p></o:p></p><p class=MsoPlainText>skype:kbrown01<o:p></o:p></p><p class=MsoPlainText><a href="mailto:kevin@renderx.com"><span style='color:windowtext;text-decoration:none'>kevin@renderx.com</span></a><o:p></o:p></p><p class=MsoPlainText><a href="mailto:sales@renderx.com"><span style='color:windowtext;text-decoration:none'>sales@renderx.com</span></a><o:p></o:p></p><p class=MsoPlainText><a href="http://www.renderx.com"><span style='color:windowtext;text-decoration:none'>http://www.renderx.com</span></a> <o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>-----Original Message-----<o:p></o:p></p><p class=MsoPlainText>From: Xep-support [<a href="mailto:xep-support-bounces@renderx.com"><span style='color:windowtext;text-decoration:none'>mailto:xep-support-bounces@renderx.com</span></a>] On Behalf Of Alexander Reith<o:p></o:p></p><p class=MsoPlainText>Sent: Tuesday, September 08, 2015 5:01 AM<o:p></o:p></p><p class=MsoPlainText>To: <a href="mailto:xep-support@renderx.com"><span style='color:windowtext;text-decoration:none'>xep-support@renderx.com</span></a><o:p></o:p></p><p class=MsoPlainText>Subject: [xep-support] Change absolute Positioning in HTML Output<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Hello<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Is it possible to change the output behaviour for Html Output ?<o:p></o:p></p><p class=MsoPlainText>We have a flow layout rendering PDF and now we want to use the same layout for html-output. But to reuse the html output on our website we need relative positioned HTML Tags.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Is it also possible that not all words a single placed divs ??? <o:p></o:p></p><p class=MsoPlainText>We have switched off KERN to keep words together, but having a single sentence divided in several div-containers cannot be the expected<o:p></o:p></p><p class=MsoPlainText>result:<o:p></o:p></p><p class=MsoPlainText>See following example:<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Original text: "Damen-Pantolette, verstellbarer Klettverschluss, metallfrei, Keilabsatz, Luftpolster-Korkfussbett; DIN EN 344-1."<o:p></o:p></p><p class=MsoPlainText>Rendered HTML-Output: <o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText><div class="shared" style="left: 54.0pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">Damen-Pantolette,</div><div<o:p></o:p></p><p class=MsoPlainText>class="shared" style="left: 116.142pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">verstellbarer</div><div class="shared" style="left: 159.156pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">Klettverschluss,</div><div<o:p></o:p></p><p class=MsoPlainText>class="shared" style="left: 212.394pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">metallfrei,</div><div class="shared" style="left: 246.528pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">Keilabsatz,</div><div class="shared" style="left: 283.334pt; top: 0.00000pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color: #000000;">Luft-</div><div class="shared"<o:p></o:p></p><p class=MsoPlainText>style="left: 54.0pt; top: 9.60004pt; font-family:<o:p></o:p></p><p class=MsoPlainText>UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:<o:p></o:p></p><p class=MsoPlainText>8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:<o:p></o:p></p><p class=MsoPlainText>0.0pt; word-spacing: 0.0pt; color:<o:p></o:p></p><p class=MsoPlainText>#000000;">polster-Korkfussbett;</div><div class="shared" style="left:<o:p></o:p></p><p class=MsoPlainText>122.872pt; top: 9.60004pt; font-family: UniversLT-Condensed; font-style:<o:p></o:p></p><p class=MsoPlainText>normal; font-weight: 400; font-size: 8.0pt; font-stretch: normal;<o:p></o:p></p><p class=MsoPlainText>font-variant: normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:<o:p></o:p></p><p class=MsoPlainText>#000000;">DIN</div><div class="shared" style="left: 137.096pt; top:<o:p></o:p></p><p class=MsoPlainText>9.60004pt; font-family: UniversLT-Condensed; font-style: normal;<o:p></o:p></p><p class=MsoPlainText>font-weight: 400; font-size: 8.0pt; font-stretch: normal; font-variant:<o:p></o:p></p><p class=MsoPlainText>normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:<o:p></o:p></p><p class=MsoPlainText>#000000;">EN</div><div class="shared" style="left: 148.208pt; top:<o:p></o:p></p><p class=MsoPlainText>9.60004pt; font-family: UniversLT-Condensed; font-style: normal;<o:p></o:p></p><p class=MsoPlainText>font-weight: 400; font-size: 8.0pt; font-stretch: normal; font-variant:<o:p></o:p></p><p class=MsoPlainText>normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:<o:p></o:p></p><p class=MsoPlainText>#000000;">344-1.<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Best regards<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>Alex <o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>_______________________________________________<o:p></o:p></p><p class=MsoPlainText>(*) To unsubscribe, please visit<o:p></o:p></p><p class=MsoPlainText><a href="http://lists.renderx.com/mailman/options/xep-support"><span style='color:windowtext;text-decoration:none'>http://lists.renderx.com/mailman/options/xep-support</span></a><o:p></o:p></p><p class=MsoPlainText>(*) By using the Service, you expressly agree to these Terms of Service <a href="http://w"><span style='color:windowtext;text-decoration:none'>http://w</span></a> ww.renderx.com/terms-of-service.html<o:p></o:p></p><p class=MsoPlainText><o:p> </o:p></p><p class=MsoPlainText>_______________________________________________<o:p></o:p></p><p class=MsoPlainText>(*) To unsubscribe, please visit <a href="http://lists.renderx.com/mailman/options/xep-support"><span style='color:windowtext;text-decoration:none'>http://lists.renderx.com/mailman/options/xep-support</span></a><o:p></o:p></p><p class=MsoPlainText>(*) By using the Service, you expressly agree to these Terms of Service <a href="http://w"><span style='color:windowtext;text-decoration:none'>http://w</span></a> ww.renderx.com/terms-of-service.html<o:p></o:p></p></div></body></html>