Text Comparison Tool with Highlighting - Overview (O11) | OutSystems

Log in

text-comparison-tool-with-highlighting

Stable version 1.0.1 (Compatible with OutSystems 11)

Uploaded

on 06 February 2024

by

EONE TECHNOLOGIES PRIVATE LIMITED

5.0

(1 rating)

text-comparison-tool-with-highlighting

Details

This asset will compare two texts and highlight them the differences. I have attached the demo URL also. This is customized version of Text Compare Traditional Web component into Reactive component. Hope this helps.

Asset screenshot_0

Asset screenshot_1

Read more

Old block has been removed in this version, instead please add the dependency of these 2 blocks and the client action into your target module where you need to do the comparison and highlighting.

Take dependency of these blocks and action.

Drop these 2 blocks into your screen.

On click of Diff button action, add the client action like below.

Now pass the above assigned result text output as the input parameter for EscapeHtml block,

Thats it. publish and test it.

I have included DEMO also. please download and check it for more detailed information or if you have any doubts regarding the implementation.

Release notes (1.0.1)

NOTE: Kindly note that StringDiffReactive web block has been removed to simplify the process.

Created Library block to include the difference script.
Created EscapeHtml block to render the HTML to the DOM.
Designed it for all the purpose, like we can use this in lists or single records or tables anywhere.

License (1.0.1)

BSD-3 license (https://opensource.org/licenses/BSD-3-Clause)

Reviews (0)

Team

Other assets in this category

bulk-select-with-pagination

This component will cover the functionality of keeping the selection, in spite of changing the page via a pagination, the check box selection will remain selected even if the user refreshes the page.

count-down-timer

This will count the total remaining days for the next year, you can further customize the code available in the library module.

multiple-style-loaders

A pack of multiple Only Css Loaders, which you can simply use it on your screen by calling there blocks

More from EONE TECHNOLOGIES PRIVATE LIMITED

electroc-canvas-updated

The component is designed to assist development teams and architects in creating module-level 3-layer canvas architecture designs for reactive OutSystems applications. It addresses limitations identified in an existing tool, the electronic canvas in OutSystems Forge, which is not user friendly. The new component offers an enhanced user interface, improved accessibility, and simplified export features, streamlining the design process and saving valuable time for users. This is a reactive web alternative to the existing electronic canvas built using traditional web, from 4 layer to 3 layer conversion. traditional to Reactive web. Boring UI/UX into attractive UI/UX.

Helps Developers/Tech Leads to create the documentation of site properties, processes and timers used in an environment. The DOC Assist component facilitates the documentation of site properties, processes, and timers created by the development team. It offers the ability to organize and export this information based on environments, applications, or modules within OutSystems. This addresses a common challenge of efficiently identifying and managing these elements across various modules within an application.

all-in-one-qr-and-barcode-scanner

This is a cross-platform JavaScript library to integrate QR code, bar codes & a few other types of code scanning capabilities to your applications running on HTML5 compatible browser. Supports all mobile browsers and web browsers which supports HTML 5. Supports: Querying camera on the device (with user permissions) Rendering live camera feed, with easy to use user interface for scanning Supports scanning a different kind of QR codes, bar codes and other formats Supports selecting image files from the device for scanning codes Derived from this GitHub Code, https://github.com/mebjas/html5-qrcode