Page 1 of 1

Rendering specific PIs as images

Posted: Fri Nov 23, 2018 6:04 pm
by honyk
Imagine <?inline-icon name="arrow"?> PI. Would it be possible to display it in the Author mode like the standard image (i.e. like inlinemediaobject in DocBook document)? The name corresponds to the image in the dedicated folder within the framework.

I am accepting the content would be editable only in the text mode.

In the API description there are methods for inserting XML fragments, but I couldn't find anything what can override the element rendering.

In CSS I am unable to use the image passed to PI as pseudo-attribute.

Any idea?

Re: Rendering specific PIs as images

Posted: Mon Nov 26, 2018 12:54 pm
by Radu
Hi,

In your CSS you need to define this prefix-namespace mapping after all imports:

Code: Select all

@namespace oxy "http://www.oxygenxml.com/extensions/author";
and then add a selector looking something like:

Code: Select all

oxy|processing-instruction[inline-icon]:before{
content: attr(name, url);
}
oxy|processing-instruction[inline-icon]{
visibility:-oxy-collapse-text;
}
Regards,
Radu