CODEWITHSUNDEEP
javascripthtmlbase64decode
user9459537
user9459537

Reputation: 145

How to decode base64 html inside HTML?

Sorry but I've been searching everywhere for a solution and I haven't found anything, so I have no idea on how to solve this.

I have an encoded base64 which I need to place inside a html file and then decode it when the page loads. I've seen before that it is possible, but I can't remember how to do that.

This is my encoded code:

PGRpdiBpZD0idGhlZGl2Ij4NCjxpbWcgc3JjPSJodHRwczovL21lZGlhLmdpcGh5LmNvbS9tZWRpYS9oTTg3RE1ubHM1b1p5L2dpcGh5LmdpZiIvPg0KPGEgcmVsPSJodHRwOi8vZ29vZ2xlLmNvbSI+R29vZ2xlIElOQzwvYT48YnIgLz4NCjwhLS08aW1nIHNyYz0iaHR0cHM6Ly9tZWRpYS5naXBoeS5jb20vbWVkaWEvaE04N0RNbmxzNW9aeS9naXBoeS5naWYiLz4tLT4NCjwvZGl2Pg==

Upvotes: 1

Views: 15319

Answers (1)

Seanvm
Seanvm

Reputation: 424

You can use javascript: atob()

var decodedHTML = window.atob('PGRpdiBpZD0idGhlZGl2Ij4NCjxpbWcgc3JjPSJodHRwczovL21lZGlhLmdpcGh5LmNvbS9tZWRpYS9oTTg3RE1ubHM1b1p5L2dpcGh5LmdpZiIvPg0KPGEgcmVsPSJodHRwOi8vZ29vZ2xlLmNvbSI+R29vZ2xlIElOQzwvYT48YnIgLz4NCjwhLS08aW1nIHNyYz0iaHR0cHM6Ly9tZWRpYS5naXBoeS5jb20vbWVkaWEvaE04N0RNbmxzNW9aeS9naXBoeS5naWYiLz4tLT4NCjwvZGl2Pg==');

If you console.log out decodedHTML you will see your html, which you can then place into an element using javascript.

Ex: document.querySelector('#someDiv').innerHTML = decodedHTML;

Upvotes: 5

Related Questions