This is a migrated thread and some comments may be shown as answers.

RadEditor: problem with Italic

5 Answers 157 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Abhishek
Top achievements
Rank 1
Abhishek asked on 29 Sep 2010, 01:27 PM
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

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 30 Sep 2010, 01:43 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Abhishek
Top achievements
Rank 1
answered on 30 Sep 2010, 02:51 PM
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.
0
Rumen
Telerik team
answered on 30 Sep 2010, 03:06 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Abhishek
Top achievements
Rank 1
answered on 30 Sep 2010, 03:48 PM
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
0
Stanimir
Telerik team
answered on 05 Oct 2010, 03:45 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Editor
Asked by
Abhishek
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Abhishek
Top achievements
Rank 1
Stanimir
Telerik team
Share this question
or