Using Recogito.js Library and Adding Event Handlers for Creating Annotations

Recogito.js is a JavaScript library that allows you to annotate text documents in a web application.

Include Recogito.js Library

Download the Recogito.js library from the official GitHub repository or include it using a package manager like npm or yarn. Include the Recogito.js library in your HTML file using a <script>

<script src="path/to/recogito.js"></script>

Initialize Recogito

Identify the container element in your webpage where you want to display the annotated text. Use the Recogito.init() method to initialize Recogito and pass the configuration options as an object:

var r = Recogito.init({
  content: 'content', // ID or DOM element of the content container
  readOnly: false, // Allow annotations to be created
  widgets: [
    { widget: 'TAG', vocabulary: ['Biden', 'Big Oil', 'Canada', 'China', 'Covid', 'Drill', 'Global', 'Renewables'] }
  ]
});

Add Event Handler for Creating Annotations

Use the r.on(‘createAnnotation’, function(annotation) { … }) method to add an event handler for creating annotations:

r.on('createAnnotation', function(annotation) {
  // Your custom logic for handling the annotation creation
  // ...
});

Custom Logic for Annotation Creation

Write your own custom logic within the event handler to handle the annotation creation. This could involve sending the annotation data to a server, performing validation, updating the UI, or any other actions specific to your application.

You can use the Recogito.js library in JavaScript and add event handlers to create annotations by following the instructions in this documentation. The integration allows users to annotate text documents, and you can customize the annotation handling as per your application’s requirements.

Reach Sreyas, if you have any requirement that is similar to the above one. Recogito support and service are provided worldwide. Sreyas is also the leading app development, and designing company, providing our support and service globally. We also specialize in custom software development and designing of the application. Sreyas also has extensive experience in developing secure WordPress e-commerce applications. Moreover, we prioritize our clients and provide them with our best services by fulfilling all their business and industrial requirements. Extensive testing, retesting, regression testing, compatibility testing, etc of the application is done to ensure that the application is completely ready to be launched. Hence reach out to us if you are thinking about taking your business to the next level.