XHTML Author mode and SVG images display?

[RBVanDyke]

For oXygen XML Editor, version 18.

Should I expect oXygen XML Editor 18 to properly display SVG images when working in Author mode?

I'm using oXygen to edit an XHTML 1.1 page that both the W3C validator and oXygen 18 validate without errors. (oXygen is, by the way, overall a very nice XHTML and CSS editor...)

The XHTML page includes a footer DIV that in turn contains two SVG images.

Code: Select all

<div class="footer">

  <p class="footerLeft">Last updated: 2016-05-18</p>



  <a title="Valid CSS" href="http://bit.ly/xxxxxx" onclick="this.target='_blank'">

     <img class="footerRight" src="valid-css-v.svg" alt="Valid CSS" /></a>



  <a title="Valid XHTML 1.1" href="http://bit.ly/xxxxxx" onclick="this.target='_blank'">

     <img class="footerRight" src="valid-xhtml11-v.svg" alt="Valid XHTML 1.1" /></a>

</div>

When displayed in a browser, the images fit within the footer DIV per the XHTML's CSS ala:

Code: Select all

img.footerRight{

  display: inline-block;

  float: right;

  width: auto;

  max-height: 98%;

  margin: auto 0%;

  padding: 0% 1px 0% 0.5%;

}

BUT when the XHTML page is viewed in oXygen 18's Author mode, the images appear in their full unconstrained size. As in pretty much completely fill the Author mode editing area. And I can see no way to shrink the images without "breaking" my XHTML.

■ Is what I've described a known or expected oXygen XML Editor behavior?

■ Is there a circumvention that I can use without having to constantly modify / un-modify my XHTML?

Cheers & thanks for your help,
Riley
SFO

[Radu]

Hi Riley,

Please see some comments below:

I'm using oXygen to edit an XHTML 1.1 page that both the W3C validator and oXygen 18 validate without errors. (oXygen is, by the way, overall a very nice XHTML and CSS editor...)

Thanks, if you have any improvement suggestions (for example extra toolbar actions) they are welcomed.

BUT when the XHTML page is viewed in oXygen 18's Author mode, the images appear in their full unconstrained size. As in pretty much completely fill the Author mode editing area. And I can see no way to shrink the images without "breaking" my XHTML.
■ Is what I've described a known or expected oXygen XML Editor behavior?

Oxygen has its own engine which can render XML (XHTML in your case) based on CSS rules. Our engine is not equivalent in features to the one that a web browser might have. For example we do not support the inline-block display (we default to "inline" for it). We also do not support "width: auto".
So it is quite possible that the XHTML will look different in a web browser as opposed to when it is being edited in Oxygen.
Our engine is constantly being improved but it will probably never be that rich in feature with a browser's.

■ Is there a circumvention that I can use without having to constantly modify / un-modify my XHTML?

Oxygen has a set of default CSSs that it uses for XHTML rendering. Those CSSs are combined with the ones that you specify in your XHTML file.
For example if you open this CSS:

OXYGEN_INSTALL_DIR\frameworks\xhtml\css\xhtml.css

and add to it this selector:

Code: Select all

img.footerRight{

  width: 50% !important;

}

the footer image should be displayed limited to half a screen size. So instead of making changes in your CSSs you can make changes in ours in order to have a visual editing experience closer to how a web browser presents the content.

Regards,
Radu

[RBVanDyke]

Radu:

Thanks! As always, great answer, very helpful...

Cheers & thanks 'gain,
Riley