|
|
| Zeile 14: |
Zeile 14: |
| og += '<meta property="og:image" content="https://www.wikikama.org/images/default-og-image.png" />'; | | og += '<meta property="og:image" content="https://www.wikikama.org/images/default-og-image.png" />'; |
| $('head').append( og ); | | $('head').append( og ); |
| });
| |
|
| |
| mw.loader.using('mediawiki.util', function () {
| |
| // jQuery-ready: läuft auch, wenn DOM schon geladen ist
| |
| $(function () {
| |
| var container = document.getElementById('link-scanner');
| |
| if (!container) return;
| |
|
| |
| // 1) Formular-HTML per JS erzeugen
| |
| container.innerHTML = '\
| |
| <div style="background:#F7FAFC; padding:16px; border-left:5px solid #2C5282; border-radius:8px; margin:1em 0;">\
| |
| <strong>🔗 Mini-Link-Scanner:</strong><br><br>\
| |
| <input type="url" id="linkScannerInput" placeholder="https://example.com" \
| |
| style="width:70%; padding:8px; border:1px solid #ccc; border-radius:4px;" />\
| |
| <button id="linkScannerBtn" \
| |
| style="padding:8px 12px; margin-left:8px; background:#2C5282; color:#fff; \
| |
| border:none; border-radius:4px; cursor:pointer;">\
| |
| Scan-Link\
| |
| </button>\
| |
| <div id="linkScannerResult" \
| |
| style="margin-top:12px; font-size:95%; line-height:1.4em;"></div>\
| |
| </div>';
| |
|
| |
| // 2) Event-Listener für die Schaltfläche
| |
| var btn = document.getElementById('linkScannerBtn'),
| |
| input = document.getElementById('linkScannerInput'),
| |
| result = document.getElementById('linkScannerResult');
| |
|
| |
| btn.addEventListener('click', function () {
| |
| var url = input.value.trim();
| |
| if (!url) {
| |
| result.innerHTML = '<span style="color:#c53030;">Bitte gib eine URL ein.</span>';
| |
| return;
| |
| }
| |
| result.innerHTML = '🔄 Scanne ' + mw.html.escape(url) + ' …';
| |
|
| |
| fetch('https://api.allorigins.win/raw?url=' + encodeURIComponent(url))
| |
| .then(function(res){
| |
| if (!res.ok) throw new Error(res.statusText);
| |
| return res.text();
| |
| })
| |
| .then(function(html){
| |
| var doc = new DOMParser().parseFromString(html,'text/html'),
| |
| title = doc.querySelector('title') ? doc.querySelector('title').textContent : '',
| |
| descMeta = doc.querySelector('meta[name=\"description\"]'),
| |
| desc = descMeta ? descMeta.content : '',
| |
| ogImg = doc.querySelector('meta[property=\"og:image\"]'),
| |
| img = ogImg ? ogImg.content : '',
| |
| out = '';
| |
|
| |
| if (title) out += '<b>Titel:</b> ' + mw.html.escape(title) + '<br>';
| |
| if (desc) out += '<b>Beschreibung:</b> ' + mw.html.escape(desc) + '<br>';
| |
| if (img) out += '<b>Vorschaubild:</b><br>'
| |
| + '<img src=\"' + mw.html.escape(img) + '\" style=\"max-width:100%; \
| |
| margin-top:8px; border:1px solid #ddd; border-radius:4px;\" />';
| |
| if (!title && !desc && !img) out = '<span style=\"color:#c53030;\">Keine Metadaten gefunden.</span>';
| |
|
| |
| result.innerHTML = out;
| |
| })
| |
| .catch(function(err){
| |
| result.innerHTML = '<span style=\"color:#c53030;\">Fehler: '
| |
| + mw.html.escape(err.message) + '</span>';
| |
| });
| |
| });
| |
| });
| |
| }); | | }); |
/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(function () {
if (mw.config.get('wgNamespaceNumber') >= 0) {
$('body').append(
'<div id="support-banner">❤️ <b>WIKIKAMA und Mimikama sind unabhängig und werbefrei – hilf mit, das möglich zu machen!</b> <a href="https://www.wikikama.org/index.php/Unterstützen">Jetzt unterstützen!</a></div>'
);
}
});
// === Meta-Tags in den <head> einfügen ===
$(function() {
var og = '';
og += '<meta property="og:title" content="' + mw.config.get('wgTitle') + ' – Wikikama" />';
og += '<meta property="og:description" content="' + $('p').first().text().substr(0, 150) + '…" />';
og += '<meta property="og:image" content="https://www.wikikama.org/images/default-og-image.png" />';
$('head').append( og );
});
