<style>
#customQuotesBox {width: auto; background:#ddd;border:2px solid #aaa;padding:10px;margin:20px 10px;border-radius:6px;} /* Box */
.zitatTop {font-size: 18px; background:#aaa; padding:0 10px; display:flex; justify-content:space-between;align-items:center;} /* Titelleiste gespeicherte Zitate */
.zitatTop a {font-size: 30px; filter:brightness(0.8);transition:0.2s; padding:5px; display:flex; justify-content:space-between;align-items:center; }
.zitatTop a:hover {filter:brightness(1.0); transform: scale(1.05) !important; text-decoration: none !important;}
.zitatTopCard a {text-decoration: none !important;}
.zitatItem {margin-bottom:14px;border:1px solid #777;border-radius:4px;overflow:hidden;} /* Einzelnes Zitat */
.zitatHeader {background:#f0f0f0;padding:6px 8px;font-weight:bold;border-bottom:1px solid #ccc;} /* Titelleiste Einzel-Zitat */
.zitatContent {max-height:250px;overflow-y:auto;padding:8px;background:#fff;border-bottom:1px solid #777;} /* Scrollbereich */ 
.insertQuoteBtn {padding:6px;margin: 10px 0 10px 10px; border:0;border:1px solid #ccc;background:#fafafa; color: #222; cursor:pointer;} /* Button */ 
.insertQuoteBtn:hover {transform: scale(1.05);} /* Hover-Einfügen */ 
.zitatTeil {color:#b71c1c;font-size:0.9em;margin-left:4px;}
 
.mbt #customQuotesBox {background:fff; margin:20px 0 !important; padding: 5px;} /* Box V6 */
.mbt .zitatTop {display:none !important;} /* Titelleiste gespeicherte Zitate V6 */
</style>
 
<script>
document.addEventListener("DOMContentLoaded", function () {
  // Absichtlich leer: JS aktiv, nur Einfüge-Modus Xobor-Zitat-Plugin kann arbeiten, keine Dauerschleife.
});
</script>
<script>
document.addEventListener("DOMContentLoaded",()=>{
  //Einfügepunkt V6 + V4
   let quotes=[];
   const anchor=document.querySelector(".box.grey")||[...document.querySelectorAll("#editpostpanel")].pop();if(!anchor) return;const isB=anchor.id==="editpostpanel";
 
  //Box V6 erzeugen
   const box=document.createElement("div"); box.id="customQuotesBox"; if(isB){box.innerHTML=`<div class="card"><div class="zitatTopCard card-header h5 d-flex justify-content-between align-items-center bg-light"><a data-toggle="collapse" href="#quotes_collapse">Zitate einfügen<span class="xob xob-angle-down"></span></a><a href="javascript:xclearAllQuotes()" title="Alle löschen">&#128465;&#65039;</a></div><div id="quotes_collapse" class="collapse"><div class="card-body" id="quotes_body"></div></div></div>`;anchor.after(box);} else anchor.before(box);
 
  // Username aus "quote_html"
   function extractMeta(q){const tmp=document.createElement("div");tmp.innerHTML=q.quote_html;const span=tmp.querySelector(".xquotecont");if(!span) return q;const a=span.querySelector("a");if(a) q.username=a.innerText.trim();return q;}
 
  // Zitate vom Server laden
   function load(){jQuery.post("/ajax/selectionHandler.php",{action:"load"},r=>{quotes=Object.values(r?.quotes||{});render();},"json");}
 
  // Alle Zitate löschen
   window.xclearAllQuotes=()=>{jQuery.post("/ajax/selectionHandler.php",{action:"clear"},()=>{quotes=[]; render();});};
 
  // Teilzitat-Erkennung über Classes
   const isPartial=h=>!(h.includes("nopad")|| h.includes("fieldset")|| h.includes("messageUser")|| h.includes("tabmenu_live")|| h.includes("click-modal3")|| h.includes("hpm_spoiler"));
 
  // Zitate anzeigen
   function render(){const target=isB?box.querySelector("#quotes_body"):box;if(!quotes.length){target.innerHTML="<strong>Keine gespeicherten Zitate.</strong>";return;}let html='<div class="zitatTop"><h4><strong>Gespeicherte Zitate</strong></h4><a href="javascript:xclearAllQuotes()" title="Alle löschen">&#128465;&#65039;</a></div>';quotes.forEach(q=>{q=extractMeta(q);const p=isPartial(q.quote_html); html+=`<div class="zitatItem"><div class="zitatHeader">Zitat von ${q.username||""} ${p?"<span class='zitatTeil'>(Teil&#8209;Zitat)</span>":""} </div><div class="zitatContent">${q.quote_html}</div><button data-id="${q.target_id}" class="insertQuoteBtn">Einfügen</button></div>`;});target.innerHTML=html;}
 
  // Zitat in Editor einfügen
   box.addEventListener("click",e=>{if(!e.target.classList.contains("insertQuoteBtn")) return;const q=quotes.find(x=>x.target_id==e.target.dataset.id);if(!q) return;const isP=!!e.target.closest(".zitatItem").querySelector(".zitatTeil");let bb;if(isP){const tmp=document.createElement("div");tmp.innerHTML=q.quote_html;bb=`[quote=${q.username}|p${q.target_id}]${tmp.innerText.trim()}[/quote]`;} else {bb=`[quote=${q.username}|p${q.target_id}][/quote]`;}const t=document.querySelector("#editform textarea,#message_form textarea");if(!t) return;const s=t.selectionStart||0;t.value=t.value.slice(0,s)+bb+"\n"+t.value.slice(s);t.selectionStart=t.selectionEnd=s+bb.length+1;t.focus();});
 
  // Initial laden
   load();
 
  // Doppelte HR entfernen
   document.querySelectorAll("hr + hr").forEach(hr=>{hr.style.display="none";if(hr.previousElementSibling) hr.previousElementSibling.style.display="none";});
 
  // BBCode in HTML ersetzen
   document.querySelectorAll("blockquote").forEach(b=>{b.innerHTML = b.innerHTML.replace(/\[img\](.*?)\[\/img\]/gi,"<img src='$1'>").replace(/\[code\][\s\S]*?\[\/code\]/gi,"&#10214;...&#10215;");});
});
</script>
 

<style>
#xQuotesInsertDiv {margin:20px 0!important;padding:10px 10px 0 10px;border:1px solid #3d2f1b!important;background:#fff;}
#xQuotesInsertDiv #qcount_container {font:bold 14px Arial;padding:10px;background:#ddd; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.6);text-transform: uppercase;  display: flex;align-items: center;justify-content: space-between;}
#xQuotesInsertDiv #qcount_container #qcountReload {font:bold 20px Arial;}
#xQuotesInsertDiv #qcountspan {background:#fff;color:#aa0000;padding:2px 10px;margin: 0 5px;border-radius:5px;box-shadow: 0 2px 6px rgba(0,0,0,0.6);}
#xQuotesInsertDiv a {padding:0 15px 0 5px;font:bold 14px Arial;cursor:pointer;}
#xQuotesInsertDiv a:hover {transform:scale(1.1);}
#xQuotesInsertDiv #quotenav {display:inline-flex;align-items:center;font:bold 18px Arial!important;padding:10px;}
#xQuotesLayer {border:1px solid #aaa;background:#eed;padding:10px;margin:10px 0;}
#xQuotesLayer h3:first-child {background:#eeeeff; font:bold 16px Arial !important; padding:10px 20px;border: 1px solid #aaa; border-radius:5px; box-shadow: 0 2px 6px rgba(0,0,0,0.6);text-shadow: 0 2px 4px rgba(0,0,0,0.8); letter-spacing: 1.5px;} 
.xquote-preview-wrapper {position: relative; margin: 12px 0;}
.xquote-preview-full {min-height:50px; max-height:150px; overflow-y: auto; border:1px solid #aaa;border-left:4px solid #bbb!important;padding:10px 10px 10px 20px;margin:12px 0;background:#fafafa;font:14px Arial;line-height:1.5;}
.xquote-user {display: table-cell; box-shadow: 0 2px 6px rgba(0,0,0,0.6);font-weight:bold;padding:3px 10px;color:#444;border-radius: 5px;}
.xquote-text {margin-top: 10px;}
.xquote-controls {position: absolute;right:10px;top:10px;}
.xquote-dropdown {display: flex !important;flex-direction: column; align-items: flex-end;}
.xquote-dd-btn {background: #ddd;margin-top:0;padding: 4px 8px;color: #222;border: 1px solid #ccc;border-radius:2px; cursor: pointer;font-size: 14px;box-shadow: 0 2px 6px rgba(0,0,0,0.6); z-index: 9998;}
.xquote-dd-btn:hover {background: #fff; }
.xquote-dd-menu {display: none;background: white;border: 1px solid #ccc; border-radius:2px; margin-right:15px; z-index: 9999;box-shadow: 0 2px 6px rgba(0,0,0,0.15);}
.xquote-dd-menu div {padding: 7px 10px 6px 10px;cursor: pointer;font-size: 14px;border: 1px solid transparent;}
.xquote-dd-menu div:hover { background: #f0f0f0; border-radius:3px;border: 1px solid #aaa; box-shadow: 0 2px 6px rgba(0,0,0,0.6); transform:scale(1.15);}
.xquote-dd-sep { border-top: 1px solid #aaa !important; padding:0 !important;}
.xquote-dd-delete { color:#700; margin-top:-2px; padding: 0;}
/* V6 + Mobil */
.mbt .xquote-dd-menu {margin-right:0;}
.mbt #xQuotesInsertDiv #quotenav {font:bold 16px Arial !important; padding-left:25px;}
</style>
 

<script>
document.addEventListener("DOMContentLoaded", function () {
  // Absichtlich leer: JS aktiv, nur Einfüge-Modus Xobor-Plugin kann arbeiten, keine Dauerschleife.
});
</script>
 
<script>
document.addEventListener("DOMContentLoaded", function () {
  // Standort "Beitrag bearbeiten"
   var form = document.querySelector("#editform, #message_form");if (!form) return;
  // Editor - Textarea
   var textarea = form.querySelector("textarea");if (!textarea) return;
  // Xobor-Server-Abfrage
   window.xselsaveurl = "/ajax/selectionHandler.php";window.xquotes_raw = [];
  //  Zitate laden + Counter 
   function loadQuotes(cb){jQuery.post(xselsaveurl, {action:"load"}, function(res){xquotes_raw = Object.values((res && res.quotes) || {});var qc = document.getElementById("qcountspan");if (qc) qc.textContent = xquotes_raw.length;if (cb) cb();}, "json");} loadQuotes();
  // HTML - BBCode-Converter, nur für Teilzitat
   function htmlToBB(h){return h.replace(/&nbsp;/gi," ").replace(/<br\s*\/?>/gi,"\n").replace(/<(b|strong)>(.*?)<\/\1>/gi,"[b]$2[/b]").replace(/<img[^>]*src="([^"]+)"[^>]*>/gi,"[img]$1[/img]").replace(/<a[^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/gi,"[url=$1]$2[/url]").replace(/<[^>]+>/g,"").replace(/\n{3,}/g,"\n\n").trim();}
  // Einfügen in Textarea
   function insertSavedQuotes(bb){var t = textarea;var s = t.selectionStart || 0;t.value = t.value.slice(0,s) + bb + "\n" + t.value.slice(s);t.selectionStart = t.selectionEnd = s + bb.length + 1;t.focus();}
  // Vollzitat / Kurzform / Teilzitat mit (BB-Code)
   window.insertFullQuote = function(i){var q = xquotes_raw[i];if (!q) return;insertSavedQuotes("[quote=|p" + q.target_id + "][/quote]");};window.insertShortQuote = function(i){var q = xquotes_raw[i];if (!q) return;insertSavedQuotes("[quote=|p" + q.target_id + "] [/quote]");};window.insertPartialQuote = function(i){var q = xquotes_raw[i];if (!q) return;var content = q.quote_html ? htmlToBB(q.quote_html) : (q.quote_text || "");insertSavedQuotes("[quote=|p" + q.target_id + "]" + content + "[/quote]");};
  // Zitate anzeigen
   window.showSavedQuotes = function(){var layer = document.getElementById("xQuotesLayer");if (!layer){layer = document.createElement("div");layer.id = "xQuotesLayer";}if (!xquotes_raw.length){layer.textContent = "Keine gespeicherten Zitate.";} else {var html = '<h3>Gespeicherte Zitate:</h3>';xquotes_raw.forEach(function(q,i){html += `<div class="xquote-preview-wrapper"><div class="xquote-controls"><div class="xquote-dropdown"><button class="xquote-dd-btn">Zitat einfügen &#9660;</button><div class="xquote-dd-menu"><div onclick="insertFullQuote(${i})">Vollzitat</div><div onclick="insertShortQuote(${i})">Kurzform</div><div onclick="insertPartialQuote(${i})">Teilzitat (mit BB-Code)</div><div class="xquote-dd-sep"></div><div class="xquote-dd-delete" onclick="deleteLocalQuote(${i})">Ausblenden</div></div></div></div><div class="xquote-preview-full"><div class="xquote-user">${q.username || "Gast"}</div><div class="xquote-text">${q.quote_html || ""}</div></div></div>`;});layer.innerHTML = html;}var target = document.getElementById("xQuotesInsertDiv");if (target) target.appendChild(layer);};
  // Zitate laden / einfügen
   window.xgetQuotes = function(show, insert){loadQuotes(function(){if (show) showSavedQuotes();if (insert){var all = xquotes_raw.map(function(q){return "[quote=" + (q.username || "") + "|p" + (q.target_id || "?") + "] [/quote]";}).join("\n");insertSavedQuotes(all);}});};
  // Alle Zitate löschen
   window.xclearAllQuotes = function(){jQuery.post(xselsaveurl, {action:"clear"}, function(){xquotes_raw = [];var qc = document.getElementById("qcountspan");if (qc) qc.textContent = "0";var layer = document.getElementById("xQuotesLayer");if (layer) layer.remove();var link = document.getElementById("toggleQuotesLink");if (link) link.textContent = "Anzeigen";});};
  // Einzelnes Zitat lokal ausblenden, Counter aktualisieren, Layer neu zeichnen
   window.deleteLocalQuote = function(i){xquotes_raw.splice(i, 1);var qc = document.getElementById("qcountspan");if (qc) qc.textContent = xquotes_raw.length;var layer = document.getElementById("xQuotesLayer");if (layer) showSavedQuotes();};
  // Counter + Box über Titel-Leiste aktualisieren, 
   window.reloadQuoteCounter = function () {loadQuotes(function () {var qc = document.getElementById("qcountspan");if (qc) qc.textContent = xquotes_raw.length;var layer = document.getElementById("xQuotesLayer");if (layer && layer.style.display !== "none") {showSavedQuotes();}});};
  // Zitat-Box Einfügepunkt
   var insertPoint = document.querySelector(".msg #editpostpanel") || document.querySelector(".page_msg #editform")?.closest(".box");if (!insertPoint) return;
  // Zitat-Box erstellen + einfügen, Zitat-Box Steuerung
   if (!document.getElementById("xQuotesInsertDiv")){var box = document.createElement("div");box.id = "xQuotesInsertDiv";box.className = "container-fluid"; box.innerHTML = `<div id="qcount_container" title="Zitat-Box aktualisieren" onclick="reloadQuoteCounter()"><b>Zitate einfügen: <span id="qcountspan">0</span> gespeichert.</b> <span id="qcountReload">&#128260;</span></div><div id="quotenav" class="row">&#128065;&#65039; <a id="toggleQuotesLink" onclick="toggleQuotes()" title="Zitat-Box öffnen & schließen">Anzeigen</a>&#128317; <a onclick="xgetQuotes(0,1)" title="Alle Zitate im Kurzformat einfügen">Alle einfügen</a>&#128465;&#65039; <a onclick="xclearAllQuotes()" title="Alle Zitate löschen">Alle Löschen<span></a></div>`; insertPoint.insertAdjacentElement("afterend", box);window.toggleQuotes = function(){var layer = document.getElementById("xQuotesLayer");var link  = document.getElementById("toggleQuotesLink");if (layer){var show = layer.style.display === "none";layer.style.display = show ? "block" : "none";if (link) link.textContent = show ? "Schließen" : "Anzeigen";} else {xgetQuotes(1);if (link) link.textContent = "Schließen";}};}
  // Dropdown-Steuerung 
   document.addEventListener("click", function(e){if (e.target.classList.contains("xquote-dd-btn")){ var menu = e.target.nextElementSibling; var isOpen = menu.style.display === "block";document.querySelectorAll(".xquote-dd-menu").forEach(function(m){ m.style.display = "none"; }); menu.style.display = isOpen ? "none" : "block";return;}document.querySelectorAll(".xquote-dd-menu").forEach(function(m){ m.style.display = "none"; });});
  // doppelte HR entfernen
   document.querySelectorAll("hr").forEach(hr=>{const n = hr.nextSibling; if(n && n.nodeType===3 && !n.textContent.trim() && n.nextSibling?.tagName==="HR"){hr.style.display="none";n.nextSibling.style.display="none";}});
  // BBCode's in HTML-Seiten ersetzen
   document.querySelectorAll("blockquote").forEach(b => b.innerHTML = b.innerHTML.replace(/\[img\](.*?)\[\/img\]/gi, "<img src='$1'>").replace(/\[code\][\s\S]*?\[\/code\]/gi, "&#10214;...&#10215;"));
});
</script>