JSFiddle - React, Tailwind, and code Playground

by cahnory

HTML

Glissez ce lien dans votre bare d'adresse :<br />
<a href="javascript:(function()%7Bvar%20tpl%2C%20getTemplate%20%3D%20function%20()%20%7Bvar%20img%20%3D%20document.querySelector('img%5Bsrc%5E%3D%22%2Ftemplates%2F%22%5D')%2C%20res%3Bif%20(img)%20%7Bconsole.log(img)%3Bres%20%3D%20img.getAttribute('src').match(%2F%5E%5C%2Ftemplates%5C%2F(%5B0-9%5D%2B)%5C%2F(%5B0-9%5D%2B)%5C%2F%2F)%3Bres%20%3D%20%7Bid%3A%20res%5B1%5D%2C%20version%3A%20res%5B2%5D%7D%3B%7Dreturn%20res%3B%7D%3Bif%20(tpl%20%3D%20getTemplate())%20%7Balert('Template%3A%20'%20%2B%20tpl.id%20%2B'%5Cr%5Cn'%20%2B%20'Version%3A%20'%20%2B%20tpl.version)%3B%7D%20else%20%7Balert('Template%20non%20trouv%C3%A9%20!%5Cr%5CnV%C3%A9rifiez%20que%20vous%20soyez%20bien%20en%20mode%20%22aper%C3%A7u%22.')%3B%7D%7D)()">Quel template ?</a>

JavaScript

var
    tpl,
    getTemplate = function () {
    var
        img = document.querySelector('img[src^="/templates/"]'),
        res;
    if (img) {
        console.log(img);
        res = img.getAttribute('src').match(/^\/templates\/([0-9]+)\/([0-9]+)\//);
        res = {id: res[1], version: res[2]};
    }
    return res;
};
/*
if (tpl = getTemplate()) {
    alert('Template: ' + tpl.id +'\r\n' + 'Version: ' + tpl.version);
} else {
    alert('Template non trouvé !\r\nVérifiez que vous soyez bien en mode "aperçu".');
}*/