How to post photos to DU (Rev. June 2020)

[SorellaLaBefana]

51. Q&D HTML/JS (save as .htm on your computer) which pulls out URL from Flickr result, copies to sys clipboard

Had to make an image file to show the code, as even with [xmp] DU removes some tags (including [xmp] with the angle brackets).

Here is the code which survives, missing bits can be copied from the above image.
==================

Flickr Image Tag Extractor

body {
font-family: Arial, sans-serif;
margin: 50px;
}
textarea {
width: 400px;
height: 200px;
padding: 10px;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
button {
padding: 10px 20px;
font-size: 14px;
display: block;
margin-bottom: 10px;
}
#result {
padding: 10px;
border: 1px solid #ccc;
width: 400px;
height: 100px;
overflow: auto;
}



Flickr Image Tag Extractor

Extract Image Tag

Copy Result
Reload


function extractImageTags() {
const input = document.getElementById('input').value;
const regex = /[img](.*?)[/img]/g;
const matches = input.match(regex);
let result = '';

if (matches) {
result = matches.map(match => match.replace(/[img]|[/img]/g, '')).join('n');
}

document.getElementById('result').textContent = result;
}

function copyToClipboard() {
const result = document.getElementById('result').textContent;
navigator.clipboard.writeText(result)
.then(() => alert('Result copied to clipboard!'))
.catch(err => alert('Failed to copy result: ' + err));
}