RadEditor: problem with Italic

[Abhishek]

Hi All,

I am facing a problem with RadEditor Control. While Trying to make some text as "Italic", it is showing me in edit mode. but as soon as I click OK or Publishing it, the text is not showing as Italic.

When I select some text and click Italic, it is showing me <em></em> in HTML mode like the following:
<EM>test</EM>
but if I make the manual changes as <i></i>, then it is coming as italics. I think By default it should be <i></i>.

Please suggest.

Thanks,
Abhishek

[Rumen]

Hi Abhishek,

If the <em> tag is not rendered as italic on the public page this means that you have a global class that is removing the italic formatting, e.g.

<style type="text/css">
        em
        {
            font-style:normal;
        }
</style>

You can either remove this class or write a custom content filter that will replace the <em> tags with <i> tags using a regular expression.

Regards,
Rumen
the Telerik team

[Abhishek]

Hi Rumen,

Thanks. It's working. I have replaced the <em> tag with <i> from the article custom content filter.

I need one more help from you. Please refer the attached screenshot .
Bullet is also not working in publishing mode. In Edit mode bullet is showing, but as soon as I click publish, the bullet is not showing. I have checked the view source, <li></li> tag present, but still it is not showing.
Please suggest. Waiting for your reply.


Thanks,
Abhishek.

[Rumen]

Hi Abhishek,

The problem is again due to a global style and it could be resolved only by finding and modify this class. You should inspect your stylesheet for a class similar to the following one:

UL { margin-left: 0px; }
or
UL { margin: 0px; }

All the best,
Rumen
the Telerik team

[Abhishek]

Hi Rumen,

I have searched for the line ( UL { margin-left: 0px; } or UL { margin: 0px; } ) in the css files which are referenced but couldn't find anything like this.
Please let me know, if there is any alternative way so that I can overwrite the UL.
Waiting for your reply.

Thanks,
Abhishek

[Stanimir]

Hello Abhishek,

Check if adding the following style in the page will solve the issue:

.li
{
    list-style-type: circle !important;
}

Kind regards,
Stanimir
the Telerik team