Using RadEditor to Compare two Text-Strings

[Alex]

Hi *!

I'm evaluating the ASP.net controls. I'm very impressed and happy with this sonftware-bundle. 1+

But here is my little problem:
We're looking for a solution to compare to text-strings (old-version, new-version) like the RADEditor does in "Track changes"-Dialog. Using two Editors on one page and setting the initial Content via javaScript, solve this task. But the user has to click on the "track changes" button to see the difference in the ajax-popup. The goal is to create a page looking a bit like WinDiff.

My question:
Is it possible to show the changes e.g. in a panel instead in the dialog? Is ther a way to get the results of the dialog directly, to create a page looking a bit like a win-diff split-screen?

THX and best regards from essen, germany
Alex

[Tervel]

Hello Alex,

There are a couple of options for you to try out.

#1
Firstly, the track changes functionality is exposed through a public class - so you can in fact try to hook your UI code to it. What you need is to instantiate the Telerik.Web.UI.Editor.Diff.DiffEngine class, e.g:

DiffEngine diff = new DiffEngine();
string result = diff.GetDiffs(curContent, initContent);

#2
The second option you could try is use the editor's client sidde fire method to start the dialog programmatically, e.g. editor.fire("TrackChangesDialog"); Furthermore, for greater ease to the user, you could in fact hide the editor itself (as the user perhaps will not need to see it) by wrapping it in a <div style="display:none"> element. Then you can open the dialog automatically - if you hook your fire code to the OnClientLoad editor event.

I hope this helps.
Sincerely yours,
Tervel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[federico mondini]

Hi,

I've used the DiffEngine to load the "track changes" version of the text into the RadEditor and everything goes well.
The only thing is that the text in the Editor is not formatted on screen. I explain.

This is the html that I receive on Page load:

<h4>This is a <span class="diff_deleted">headereeeeeee</span> <span class="diff_new">header</span></h4>
<p >This is a normal text.</p>
<ol>
    <li>this are elements this are elements this are elements this are elements</li>
    <li>this are elements</li>
    <li>this are elements</li>
</ol>
<p>&nbsp;</p>

with the span classes regularly loaded. However, I didn't actually *see* the difference on screen until I call the "TrackChangeDialog" box.

How can I "activate" the CssClasses of the TrackChangesDialog to work properly inside the RadEdito?


Thanks,
Federico

[Imran]

Hi , 

I need to work for the same process of TextCompare in my c# project, but this public class Telerik.Web.UI.Editor.Diff.DiffEngine is not exposed by telerik dlls. Can you please suggest further. 

Thanks,

 

[Rumen]

Hello Imran,

The Telerik.Web.UI.Editor.Diff.DiffEngine class is part of the discontinued Track Changes dialog which has been replaced by the Track Changes functionality. All functionality related to the old, non-supported dialog is still available due to legacy matters, but not support.

Since the DiffEngine is a third party source, which can be found here - http://www.mathertel.de/Diff/, I suggest following the provided site for further improvements and for using this functionality as a third-party solution.

Regards,
Rumen
Progress Telerik