Looking for a specific phrase in the data entered by the user

Question

Looking for a specific phrase in the data entered by the user

I am dealing with data in ckeditor that looks like this:

<p>test 1</p>

<p>test 2</p>

<p><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCASwB4ADASIAAhEBAxEB/8QAHA...k=" /></p>

<p><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIy7nKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCASwB4ADASIAAhEBAxEB/8QAHAABAQEAAwEBAQAAAAAAAAAAAAECA....." /></p>

This data can be spread across multiple lines or appear as a single line.

 <ckeditor formControlName="content" ....>

When the user submits the form, my goal is to extract the base64 string if it exists.

javascript angular typescript

Answer 1

Answer №1

If you're on the hunt for a base64 string within an HTML document, try scanning for attributes that begin with "data:image/". Below is a snippet demonstrating how a base64 string could be nestled inside an img tag:

let webpage = document.documentElement.outerHTML;
let pattern = /data:image\/.*;base64,/g;
let findings = webpage.match(pattern);
console.log(findings);

Answer 2

If you're on the hunt for a base64 string within an HTML document, try scanning for attributes that begin with "data:image/". Below is a snippet demonstrating how a base64 string could be nestled inside an img tag:

let webpage = document.documentElement.outerHTML;
let pattern = /data:image\/.*;base64,/g;
let findings = webpage.match(pattern);
console.log(findings);

Looking for a specific phrase in the data entered by the user

Answer №1

Similar questions

Issue of Angular lazy loading not functioning with query parameters

Guide to displaying a local HTML file in CKEditor 4.3 using jQuery

Adding ngrx action class to reducer registration

Problems with Angular UI Router: Functions not functioning properly within the template

Extract JSON values based on a given condition

Unable to retrieve input value in ReactJS with TypeScript

Using Javascript to pass the value of a selected checkbox

Struggling to implement the proper authentication method with API in Ionic

Is comparing strings in JavaScript as efficient as comparing numbers?

Utilizing client extension for Postgres with Prisma to activate RLS: A step-by-step guide

Building a class structure with a JavaScript MVC approach - best practices

Ways to display all current users on a single page within an application

Exploring the power of Node.js and EJS through the art of

It appears that the $http request is causing an endless $digest Loop

Having difficulty retrieving keys from a JSON object returned by a mongoose findOne() query

Guide on implementing Regular Expressions in Directives for validation in Angular 8

Implement a feature that adds a circle element when an image is clicked in a React application

Having issues updating table with Javascript after form submit in IE and Edge browsers

Is it possible to trigger a Bootstrap 5.2 Popover within an "if" statement?

Guide to pinpointing a location with Google Maps