[xep-support] Re: Change absolute Positioning in HTML Output

Kevin Brown kevin at renderx.com
Tue Sep 8 11:41:34 PDT 2015


Alexander:

The HTML output was not built for simple display of textual content in web
sites.
It was built to specifically mimic the exact layout of the printed page.
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.
The best you could hope for would be setting word spacing to "0" and try to
get one line of text together. 
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.
It was not designed nor built for that.

If you want ... then ....

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
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 
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

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.
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.

For an XSL that can take in XSL FO and make HTML, look here
http://www.renderx.com/tools/freetools.html.

Kevin Brown
(650) 327-1000 Direct
(650) 328-8008 Fax
(925) 395-1772 Mobile
skype:kbrown01
kevin at renderx.com
sales at renderx.com
http://www.renderx.com 




-----Original Message-----
From: Xep-support [mailto:xep-support-bounces at renderx.com] On Behalf Of
Alexander Reith
Sent: Tuesday, September 08, 2015 5:01 AM
To: xep-support at renderx.com
Subject: [xep-support] Change absolute Positioning in HTML Output

Hello

Is it possible to change the output behaviour for Html Output ?
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.

Is it also possible that not all words a single placed divs ??? 
We have switched off KERN to keep words together, but having a single
sentence divided in several div-containers cannot be the expected
result:
See following example:

Original text: "Damen-Pantolette, verstellbarer Klettverschluss, metallfrei,
Keilabsatz, Luftpolster-Korkfussbett; DIN EN 344-1."
Rendered HTML-Output: 

<div class="shared" style="left: 54.0pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">Damen-Pantolette,</div><div
class="shared" style="left: 116.142pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">verstellbarer</div><div
class="shared" style="left: 159.156pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">Klettverschluss,</div><div
class="shared" style="left: 212.394pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">metallfrei,</div><div
class="shared" style="left: 246.528pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">Keilabsatz,</div><div
class="shared" style="left: 283.334pt; top: 0.00000pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color: #000000;">Luft-</div><div class="shared"
style="left: 54.0pt; top: 9.60004pt; font-family:
UniversLT-Condensed; font-style: normal; font-weight: 400; font-size:
8.0pt; font-stretch: normal; font-variant: normal; letter-spacing:
0.0pt; word-spacing: 0.0pt; color:
#000000;">polster-Korkfussbett;</div><div class="shared" style="left:
122.872pt; top: 9.60004pt; font-family: UniversLT-Condensed; font-style:
normal; font-weight: 400; font-size: 8.0pt; font-stretch: normal;
font-variant: normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:
#000000;">DIN</div><div class="shared" style="left: 137.096pt; top:
9.60004pt; font-family: UniversLT-Condensed; font-style: normal;
font-weight: 400; font-size: 8.0pt; font-stretch: normal; font-variant:
normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:
#000000;">EN</div><div class="shared" style="left: 148.208pt; top:
9.60004pt; font-family: UniversLT-Condensed; font-style: normal;
font-weight: 400; font-size: 8.0pt; font-stretch: normal; font-variant:
normal; letter-spacing: 0.0pt; word-spacing: 0.0pt; color:
#000000;">344-1.

Best regards

Alex 

_______________________________________________
(*) To unsubscribe, please visit
http://lists.renderx.com/mailman/options/xep-support
(*) By using the Service, you expressly agree to these Terms of Service
http://w ww.renderx.com/terms-of-service.html



More information about the Xep-support mailing list