How to change style of the P element within the editor?

Hello,

I am using special fonts for an intranet system, and I want the editor to be using this font. All I want to do is to change the style for the text inside the editor, so I can do something like:

<style type="text/css">

.p_element_in_editor {
font-family: 'MY_SPECIAL_FONT
}

</style>

And have that font be used as the font of the editor. However, I did not find an easy way to do it, or the name of the class I should use.

Can someone please help me on this one?
Thanks,
Gopala

Thu, 10/21/2010 - 10:40

clc136a

Joined: 08/04/2010

Posts: 45

Re: How to change style of the P element within the editor?

Two things needed:

editor.addCss(...your style...);

/*
* Font face
*/
// List of fonts available in the toolbar combo. Each font definition is
// separated by a semi-colon (;). We are using class names here, so each font
// is defined by {Combo Label}/{Class Name}.
font_names : 'Comic Sans MS/FontComic;Courier New/FontCourier;Times New Roman/FontTimes',

// Define the way font elements will be applied to the document. The "span"
// element will be used. When a font is selected, the font name defined in the
// above list is passed to this definition with the name "Font", being it
// injected in the "class" attribute.
// We must also instruct the editor to replace span elements that are used to
// set the font (Overrides).
font_style :
{
element : 'span',
attributes : { 'class' : '#(family)' },
overrides : [ { element : 'span', attributes : { 'class' : /^Font(?:Comic|Courier|Times)$/ } } ]
},