🛡️ DOM Manager & UI Auto-Healer
📂 Quelle: JSON (OPcache)🟣 Stufe 0: Live DOM Healer-Animation, Showcase & Modul-Download
✨ Dynamic Transformation Stream (Defekt ➔ Geheilt):
// Vorher (Defekt):
<button class="mond-btn">Absenden</button>
<img src="pic.jpg">
<img src="pic.jpg">
⚡
// Nachher (Geheilt):
<button class="mond-btn">Absenden</button>
<img src="pic.jpg" loading="lazy">
<img src="pic.jpg" loading="lazy">
💡 Autonomes Frontend-Healing & Rules Engine:
Das System korrigiert Barrierefreiheit, mappt CSS-Klassen, injiziert Attribute und beseitigt Fehler in Echtzeit mit präziser Scope-Abgrenzung und 3-stufiger Ausschluss-Architektur.
🟢 Stufe 1: Token, Lizenz & Remote Injection Script
Geben Sie Ihren Lizenz-Token ein oder binden Sie das Remote-Injection-Snippet auf Drittseiten ein:
🟡 Stufe 2: System-Einstellungen & Regel-Leitstand
🚨 Aktive Gegenregeln & Notausgänge (Live extrahiert):
4 Fluchtwege aktiv
Klicke auf einen roten Chip, um die Gegenregel direkt in die Zwischenablage zu kopieren:
Ganze Module / Widgets:
Voll-Immunität (Master-Schutz)
Formulare / Download-Buttons:
Formular-Reload & Downloads (.ZIP / .PDF)
Links / Navigation / Logout:
Link-Vorschau umgehen (Popup-Schutz)
<details> Blöcke:
Akkordeon-Schutz (Anti-Heal)
💡 Typische Problemfälle & Praxis-Beispiele ansehen ▾
1. Datei-Downloads (.ZIP, .PDF, .CSV) landen im Nichts:
Problem: Der FormTuner fängt das Formular per AJAX ab. Der Browser lädt die Datei im Hintergrund herunter, zeigt dem Nutzer aber kein Speichern-Fenster an.
Lösung: Setze an das
Lösung: Setze an das
<form> oder an den <button type="submit"> die Gegenregel class="no-ajax".
<form method="POST" class="no-ajax"> <button type="submit" name="download">📦 Download</button> </form>
2. Logout oder Seitenwechsel reagiert nicht oder öffnet sich als Popup:
Problem: Der FormTuner unterbindet das Neuladen der Seite, oder der LinkPreviewer versucht, den Link als modales iFrame darzustellen.
Lösung: Kombiniere beide Gegenklassen an deinem Link oder Formular:
Lösung: Kombiniere beide Gegenklassen an deinem Link oder Formular:
<a href="?logout=1" class="no-ajax no-preview">🚪 Ausloggen</a>
3. Hochsensible Konsolen, WebRTC oder Header-Widgets schützen:
Problem: Wenn ein Container interaktives JavaScript (wie Terminal-Eingaben, WebSockets oder Sprach-Auth) enthält, darf der DOM-Manager keine IDs oder Tags umschreiben.
Lösung: Der gesamte Eltern-Block wird mit Voll-Immunität belegt:
Lösung: Der gesamte Eltern-Block wird mit Voll-Immunität belegt:
<div id="terminal-root" data-dom-ignore="true"> ... native Events ... </div>
💾 Speicher-Quelle & Datenbank-Sync JSON
⚙️ Boilerplate & Auto-Healer Schalter Aktiv
🚫 Globale Ausschluss- & Bypass-Filter Aktiv
🚨 CRT-Stream-Banner & Code Aktiviert
📝 Textersetzungen & Scopes 12 Regeln
| Suchbegriff | Ersatztext | Scope & Ausschluss | Aktionen |
|---|---|---|---|
) and ( |
) && ( |
code_only
Polyglott Auto-Heal: Repariert versehentliches PHP-'and' zwischen Klammern in <script>-Blöcken zu '&&'. |
|
) or ( |
) || ( |
code_only
Polyglott Auto-Heal: Repariert versehentliches PHP-'or' zwischen Klammern in <script>-Blöcken zu '||'. |
|
and ! |
&& ! |
code_only
Polyglott Auto-Heal: Repariert ' && !' in JavaScript-Bedingungen zu ' && !'. |
|
or ! |
|| ! |
code_only
Polyglott Auto-Heal: Repariert ' || !' in JavaScript-Bedingungen zu ' || !'. |
|
http://alt-domain.de |
https://neu-domain.de |
url_paths
Tauscht Links und Bildpfade in href, src, action und data-src aus. |
|
Alter Markenname |
Neuer Markenname |
seo_meta
Ersetzt Bezeichnungen ausschließlich in <head>-Metatags und <title>. |
|
Suchbegriff eingeben |
Suchtext eingeben... |
accessibility
Korrigiert alt, aria-label, title und placeholder Attribute. |
|
OldCompany |
NewCompany |
json_ld
Passt Unternehmensdaten in Schema.org JSON-LD Skripten an. |
|
data-legacy |
data-modern |
attributes_only
Ersetzt Werte in allen HTML-Attributen. |
|
var oldApiUrl |
var newApiUrl |
code_only
Nimmt Ersetzungen nur innerhalb von <script> und <style> Blöcken vor. |
|
CRITICAL_GLOBAL_KEY |
NEW_GLOBAL_KEY |
raw_source
Hardcore-Ersetzung direkt im unparsenden Raw-HTML. |
|
</body> |
<style>.mond-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(1,4,9,.85);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.mond-preview-overlay.active{opacity:1;pointer-events:auto}.mond-preview-modal{position:relative;background:#0d1117;border:1px solid #30363d;border-radius:8px;width:94%;max-width:1100px;height:90vh;display:flex;flex-direction:column;transform:scale(.96);opacity:0;transition:all .25s cubic-bezier(0.22,1,0.36,1);box-shadow:0 10px 50px rgba(0,0,0,.9);overflow:hidden}.mond-preview-overlay.active .mond-preview-modal{transform:scale(1);opacity:1}.mond-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#161b22;border-bottom:1px solid #30363d;gap:8px}.mond-preview-left{display:flex;align-items:center;gap:6px;overflow:hidden;flex:1}.mond-preview-warning{font-size:11px;color:#7ee787;white-space:nowrap;font-weight:bold}.mond-preview-title{font-size:11px;color:#8b949e;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mond-preview-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.mond-p-btn{background:transparent;border:1px solid #38bdf8;color:#38bdf8;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}.mond-p-btn:hover{background:#1f6feb;color:#fff}.mond-p-btn-close{border:none;color:#8b949e;min-width:30px;min-height:30px;font-size:16px;padding:0}.mond-p-btn-close:hover{color:#f85149;background:transparent}.mond-preview-iframe{flex:1;width:100%;border:none;background:#0b0f19}</style><div class="mond-preview-overlay" id="mondPreviewOverlay" onclick="if(event.target===this)closePreviewModal()"><div class="mond-preview-modal"><div class="mond-preview-header"><div class="mond-preview-left"><span class="mond-preview-warning">Vorschau:</span><span class="mond-preview-title" id="mondPreviewTitle">...</span></div><div class="mond-preview-actions"><button type="button" class="mond-p-btn" onclick="window.open(document.getElementById('mondPreviewIframe').src, '_blank')" title="In neuem Tab öffnen">↗️</button><button type="button" class="mond-p-btn mond-p-btn-close" onclick="closePreviewModal()">✕</button></div></div><iframe src="" class="mond-preview-iframe" id="mondPreviewIframe"></iframe></div></div><script>const linkpreviewerBlockedDomains=['ec.europa.eu','github.com','google.com'];function openPreviewModal(e,url){if(e)e.preventDefault();if(window.self!==window.top){window.top.location.href=url;return;}let absUrl=new URL(url,window.location.href).href;let urlObj=new URL(absUrl);if(linkpreviewerBlockedDomains.some(d=>urlObj.hostname.includes(d))){window.open(absUrl,'_blank');return;}let iframe=document.getElementById('mondPreviewIframe');if(iframe){iframe.src=absUrl;document.getElementById('mondPreviewTitle').innerText=absUrl;document.getElementById('mondPreviewOverlay').classList.add('active');}}function closePreviewModal(){let ov=document.getElementById('mondPreviewOverlay');if(ov)ov.classList.remove('active');let iframe=document.getElementById('mondPreviewIframe');if(iframe)setTimeout(()=>{iframe.src='';},300);}document.addEventListener('click',function(e){let link=e.target.closest('a.open-preview');if(link && !link.href.startsWith('mailto:') && !link.href.startsWith('tel:') && !link.getAttribute('href').startsWith('#') && link.hostname !== window.location.hostname){if(window.self!==window.top)return;openPreviewModal(e,link.href);}});window.mondLastClickedUrl='';document.addEventListener('click',e=>{let a=e.target.closest('a');if(a&&a.href&&!a.href.startsWith('javascript:')&&!a.href.startsWith('#')){window.mondLastClickedUrl=a.href;}},true);const mondDrawerObserver=new MutationObserver(()=>{let containers=document.querySelectorAll('#mond-drawer-content, .mond-drawer-content, .drawer-content');containers.forEach(container=>{if(container.innerHTML.trim()==='')return;let wrapper=container.closest('div[style*="fixed"], div[style*="absolute"], .modal, .drawer')||container.parentElement.parentElement;if(!wrapper)return;let closeBtns=Array.from(wrapper.querySelectorAll('button, a, span')).filter(el=>{let t=el.innerText.trim();return(t==='X'||t==='✕'||t==='✖'||t==='\u2715')&&!el.classList.contains('mond-p-btn-close')&&el.offsetWidth<40;});if(closeBtns.length>0){let xBtn=closeBtns[0];if(xBtn.parentElement&&!xBtn.parentElement.querySelector('.mond-drawer-breakout')){if(window.getComputedStyle(xBtn.parentElement).position==='static'){xBtn.parentElement.style.position='relative';}let btn=document.createElement('a');btn.className='mond-drawer-breakout';btn.innerHTML='↗️';btn.title='Als neue Seite öffnen';btn.style.cssText='cursor:pointer; color:#8b949e; font-size:15px; text-decoration:none; position:absolute; right:42px; top:50%; transform:translateY(-50%); transition:color 0.2s; display:inline-flex; align-items:center; justify-content:center; z-index:10;';btn.onmouseover=()=>btn.style.color='#38bdf8';btn.onmouseout=()=>btn.style.color='#8b949e';btn.onclick=function(e){e.preventDefault();if(window.mondLastClickedUrl){window.top.location.href=window.mondLastClickedUrl;}else{window.top.location.reload();}};xBtn.parentElement.insertBefore(btn,xBtn);}}});});if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',()=>mondDrawerObserver.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:['style','class']}));}else{mondDrawerObserver.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:['style','class']});}</script></body> |
⚡ Raw HTML (Global)
Linkpreviewer 1, 2 und 3: Popup-Pfeil & absoluter Drawer-Breakout Pfeil exakt neben dem X (Ignoriert interne Links). |
🎨 CSS-Klassen Mappings 1 Regeln
| Alte Klasse | Neue Zielklasse | Zweck & Ausschluss | Aktionen |
|---|---|---|---|
.legacy-btn |
.mond-btn |
Wandelt alte Button-Klassen um. |
⚡ Generische Element-Injektionen 4 Regeln
| HTML-Tag | Injiziertes Attribut | Zweck & Ausschluss | Aktionen |
|---|---|---|---|
<img> |
loading="lazy" |
Fügt Bild-Tags Lazy-Loading hinzu. | |
<table> |
class="mond-table-responsive" |
Macht Tabellen mobil-responsive. | |
<a> |
class="open-preview" |
🚫 Skip: no-preview Linkpreviewer Verwandelt Links in stylische Popups |
|
<a[href*='legal.php']> |
class="no-preview" |
Doppelter Boden: Injiziert automatisch die no-preview Klasse für Legal-Links. |
⚡ Dateinamen-Filter & Kontext-CSS (Error Handler / Pixel FX) 1 Regeln
Injiziert CSS automatisch in den Seiten-Header, wenn Dateiname, URL oder HTML-Inhalt den Filter treffen:
| Filter / Schlüssel | Zweck | Aktionen |
|---|---|---|
error_handlererror_handler,shield-card,mond-fx-pixel
|
Pixel-Dissolve & Glitch-Animation für das Telemetrie-Fenster (shield-card) des Error Handlers. |
🔗 Ökosystem-Anbindungen & Lizenzen Verknüpft
💉 File Implanter Integration
Pflanzt Healer-Skripte & Rulesets remote in Zielserver ein.
File Implanter (49 €)
⚡ Bootloader Core
Zentrale Core-Anbindung & Autoloading.
Bootloader (22 €)