Applying styles in document editor

pradapselvaraj
Posts: 5
Joined: Wed Dec 09, 2020 4:10 pm

Applying styles in document editor

Post by pradapselvaraj » Mon Jan 11, 2021 11:04 am

Hi,

we are using xopus xml editor in our content management system. and we are having custom xsd, xsl and css files.
Now we want to use oxygen web author has our new xml editor in our cms system . Somehow , we are able to achieve xsd schema validation and also integrated oxygen trial version in our cms system and have done some changes with the help plugins and frameworks.

but we can't able to apply custom css in oxygen web author. so basic we are trying to add css for the paragraph, header (for e.g style class name = p, topic/p). please see the attachment , from xopus editor.
previouseditor1.png
previouseditor1.png (199.66 KiB) Viewed 318 times
we would like to achieve this same UI styles in the oxygen web author.

For table td , we are able to apply the custom style in the oxygen. but in oxygen , the classes applied for <p>, <div> are dynamic. so we can't able to add css . kindly suggest , how to apply css with the help of custom oxgyen framework or plugin?.
oxygeneditor1.png
oxygeneditor1.png (128.46 KiB) Viewed 318 times

Bogdan Dumitru
Posts: 4
Joined: Tue Mar 20, 2018 5:28 pm

Re: Applying styles in document editor

Post by Bogdan Dumitru » Mon Jan 11, 2021 4:32 pm

Hi,

You have to add a custom CSS to your framework. Here [0] you can find more details about how it can be done.
The CSS may look like this:

Code: Select all

[class*="topic/p"] {
  color: blue !important;
}
[class*="topic/entry"] {
  color: red !important;
}
[0] https://www.oxygenxml.com/doc/versions/ ... h-css.html
Bogdan Dumitru
http://www.oxygenxml.com

Post Reply