Json difference visualizer

Is there a way to visualize the difference between two JSONs using Syncfusion elements?

screencapture-diffchecker-text-compare-2025-04-25-14_03_34.png


3 Replies

YS Yohapuja Selvakumaran Syncfusion Team April 29, 2025 12:38 PM UTC

Hi Shoaib Ahmed,

Thank you for reaching out to us.


To assist you more effectively, could you please provide additional details about your exact requirement with the Blazor TextArea component?


In the meantime, you may find the following resources helpful for understanding the capabilities of the TextArea component:


Demo: https://blazor.syncfusion.com/demos/textarea/default-functionalities?theme=fluent2

Documentation:
https://blazor.syncfusion.com/documentation/textarea/getting-started-webapp


Once we better understand your scenario, we’ll be happy to provide more targeted guidance or examples.



Regards,

Yohapuja S



SA Shoaib Ahmed May 5, 2025 08:40 AM UTC

Suppose I have two JSONs as strings. I want to highlight the changes between them and highlight them side by side (just as GitHub code changes). What is the best way to implement that? For example, in the below image, you can see the 'number' property has different value and they are highlighted. You can ignore the middle section (copy, transform...)

Screenshot_11.png



SA Shoaib Ahmed May 6, 2025 07:13 PM UTC

I figured it out using Monaco editor.


Loader.
Up arrow icon