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

RadEditor inconsistently sets span styles in UL and anchors

1 Answer 12 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Albert
Top achievements
Rank 1
Albert asked on 11 Sep 2015, 08:16 PM

We use the RadEditor in our web application to allow non-technical users create/edit simple HTML content using the Design view. However, it seems the HTML generated by the design view is buggy or inconsistent causing numerous complaints from our end users. I am wondering if there are any properties or filters that could be applied to make the end user experience more predictable.

Normally we are very happy with all Telerik AJAX controls. Therefore we have switched recently from CuteSoft editor to RadEditor. However, the experience with RadEditor has been very bad, ​to the point we have received numerous requests from our users to switch back to CuteSoft control to make the system more stable again.

Here is an example:

Using the Design View create a bulleted list (basically UL LI construct) containing 3 bullets: Link1, Link2, Link3. Using the designer, set the Link1, Link2 and Link3 to the following URLs “http://link1.com”, “http://link2.com”, “http://link3.com”.

This will create the following HTML syntax. So far so good...

<ul>
    <li><a href="http://link1.com">Link 1</a></li>
    <li><a href="http://link2.com">Link 2</a></li>
    <li><a href="http://link3.com">Link 3</a></li>
</ul>

Then using the Design view, highlight the entire text and change color to RED.

For whatever reason, the span construct is applied differently to each LI. In some cases it is added outside of the Anchor element, in other cases it is included inside of the Anchor element. It produces the following output (see how link1 anchor is different from link2 anchor) - although we tried more than once and sometimes 2 out of 3 LI elements have correct format....

<ul>
    <li><a href="http://link1.com"><span style="color: #c00000;">Link 1</span></a></li>
    <li><span style="color: #c00000;"><a href="http://link2.com">Link 2</a></span></li>
    <li><span style="color: #c00000;"><a href="http://link3.com">Link 3</a></span></li>
</ul>

In that situation, in the DESIGN view, it is impossible to change the color of link2 or 3 since the span color is outside of the Anchor element. Note: I was able to reproduce the same exact behavior on your demo site http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in both Chrome and IE11.

Again, non-technical users don't understand this problem. The steps they follow seem logical, yet the output is inconsistent. There are many other cases like this one, so the problem is not specific to UL LI and Anchor syntax.

Please advise on a possible solution.

1 Answer, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 15 Sep 2015, 07:06 AM
Hi Albert,

I have already answered you about that behavior in the support ticket sent to us. Please, let us continue the conversation there. 

For anyone interested in the case, further steps-to-reproduce has been requested, so that this behavior can be examined and if reproducible to be logged as a bug report. 

Regards,
Ianko
Telerik
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 Feedback Portal and vote to affect the priority of the items
Tags
Editor
Asked by
Albert
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Share this question
or