{"id":162,"date":"2026-08-20T22:05:45","date_gmt":"2026-08-20T22:05:45","guid":{"rendered":"https:\/\/netguide.io\/tools\/text-vergleich-diff\/"},"modified":"2026-08-20T22:05:45","modified_gmt":"2026-08-20T22:05:45","slug":"text-vergleich-diff","status":"publish","type":"post","link":"https:\/\/netguide.io\/tools\/de\/text-vergleich-diff\/","title":{"rendered":"Text-Vergleich (Diff)"},"content":{"rendered":"<div id=\"netgu-2152040156\" class=\"netgu-before-content netgu-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-6258556257245998\" \ndata-ad-slot=\"3494115342\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n<style>\n.wp-df-container { max-width:100%; background:#fff; padding:20px; border:1px solid #ddd; border-radius:10px; font-family:-apple-system, sans-serif; color:#333; }\n.wp-df-title { margin:0 0 15px 0; color:#2271b1; font-size:1.4rem; }\n.wp-df-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:12px; margin-bottom:10px; }\n.wp-df-input-group label { display:block; font-size:11px; font-weight:bold; margin-bottom:4px; text-transform:uppercase; color:#666; }\n.wp-df-input-group input, .wp-df-input-group select { width:100%; padding:8px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }\n.wp-df-checkbox-group { margin:15px 0; font-size:12px; display:flex; align-items:center; gap:8px; color:#666; }\n.wp-df-note { font-size:12px; color:#666; margin-top:12px; min-height:1em; }\n.wp-df-warn { color:#d63638; font-weight:bold; }\n.wp-df-results { margin-top:20px; border-top:2px solid #eee; padding-top:15px; }\n.wp-df-res-item { display:flex; justify-content:space-between; margin-bottom:6px; font-size:14px; gap:10px; }\n.wp-df-total { font-weight:bold; font-size:18px; color:#2271b1; margin:10px 0; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }\n.wp-df-val { color:#2271b1; font-weight:bold; }\n.wp-df-out { width:100%; box-sizing:border-box; padding:10px; border:1px solid #ccc; border-radius:4px; font-family:monospace; font-size:13px; word-break:break-all; background:#f7f7f7; margin-top:6px; }\n.wp-df-btn { background:#2271b1; color:#fff; border:none; padding:9px 14px; border-radius:4px; cursor:pointer; font-size:13px; margin-top:10px; }\n<\/style><style>\n.wp-df-two { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n@media(max-width:600px){ .wp-df-two{ grid-template-columns:1fr; } }\n.wp-df-two textarea { width:100%; box-sizing:border-box; height:150px; padding:10px; border:1px solid #ccc; border-radius:5px; font-family:monospace; font-size:13px; }\n.wp-df-out { margin-top:14px; font-family:monospace; font-size:13px; border:1px solid #ddd; border-radius:6px; overflow:auto; }\n.wp-df-out > div { padding:2px 8px; white-space:pre-wrap; word-break:break-word; }\n.df-add { background:#e6ffec; color:#116329; }\n.df-del { background:#ffebe9; color:#82071e; }\n.df-same { color:#57606a; }\n<\/style><script>window.wpDfL = {\"changed\":\"\u00c4nderungen\"};<\/script>\n<div class=\"wp-df-container\">\n  <h3 class=\"wp-df-title\">Text-Vergleich (Diff)<\/h3>\n  <div class=\"wp-df-two\">\n    <div><label style=\"display:block; font-size:11px; font-weight:bold; text-transform:uppercase; color:#666; margin-bottom:4px;\">Text A (Original)<\/label><textarea id=\"df-a\" oninput=\"runDiff()\">Zeile eins\\nZeile zwei\\nZeile drei<\/textarea><\/div>\n    <div><label style=\"display:block; font-size:11px; font-weight:bold; text-transform:uppercase; color:#666; margin-bottom:4px;\">Text B (ge\u00e4ndert)<\/label><textarea id=\"df-b\" oninput=\"runDiff()\">Zeile eins\\nZeile zwei ge\u00e4ndert\\nZeile drei\\nZeile vier<\/textarea><\/div>\n  <\/div>\n  <div id=\"df-stat\" class=\"wp-df-note\" style=\"margin-top:10px;\"><\/div>\n  <div id=\"df-out\" class=\"wp-df-out\"><\/div>\n<\/div>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jsdiff\/5.2.0\/diff.min.js\"><\/script>\n<script>\nfunction dfEsc(s){ return String(s).replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;'); }\nfunction runDiff(){\n  var a=document.getElementById('df-a').value, b=document.getElementById('df-b').value; var L=window.wpDfL||{};\n  var box=document.getElementById('df-out');\n  if(typeof Diff==='undefined'){ setTimeout(runDiff,300); return; }\n  var parts=Diff.diffLines(a,b); var html=''; var add=0,del=0;\n  for(var i=0;i<parts.length;i++){ var p=parts[i]; var cls=p.added?'df-add':(p.removed?'df-del':'df-same'); var sign=p.added?'+':(p.removed?'-':'\\u00A0');\n    if(p.added) add++; if(p.removed) del++;\n    var lines=p.value.replace(\/\\n$\/,'').split('\\n');\n    for(var j=0;j<lines.length;j++){ html+='<div class=\"'+cls+'\">'+sign+' '+dfEsc(lines[j])+'<\/div>'; }\n  }\n  document.getElementById('df-stat').innerText=(L.changed||'Changes')+': +'+add+' \/ -'+del;\n  box.innerHTML=html;\n}\nrunDiff();\n<\/script>\n\n\n<div id=\"netgu-4016380692\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<!-- NetGuide.io-After-Widget-Tools -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-6258556257245998\"\r\n     data-ad-slot=\"5175852350\"\r\n     data-ad-format=\"auto\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Zwei Texte vergleichen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcge links das Original und rechts die ge\u00e4nderte Fassung ein \u2013 der Diff hebt zeilenweise hervor, was hinzugekommen (gr\u00fcn) oder entfernt (rot) wurde. Ideal f\u00fcr Konfigurationsdateien, Code-Schnipsel oder Texte.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zeilenbasiert:<\/strong> Der Vergleich arbeitet Zeile f\u00fcr Zeile und markiert komplette ge\u00e4nderte Zeilen.<\/li>\n\n\n<li><strong>Lokal:<\/strong> Beide Texte bleiben im Browser \u2013 nichts wird \u00fcbertragen.<\/li>\n\n\n<li><strong>Tipp:<\/strong> F\u00fcr Konfig-Vergleiche vorher beide Seiten gleich formatieren (z. B. mit unserem JSON- oder YAML-Tool).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Verwandte Tools<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"\/tools\/de\/json-formatter-validator\/\">JSON Formatter &#038; Validator<\/a><\/li>\n\n\n<li><a href=\"\/tools\/de\/markdown-vorschau\/\">Markdown-Vorschau<\/a><\/li>\n<\/ul>\n\n\n<div id=\"netgu-3102294463\" class=\"netgu-after-content netgu-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-6258556257245998\" \ndata-ad-slot=\"4559785002\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Zwei Texte vergleichen und Unterschiede zeilenweise hervorheben \u2013 Hinzugef\u00fcgtes gr\u00fcn, Entferntes rot. L\u00e4uft komplett im Browser.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[53],"tags":[],"class_list":["post-162","post","type-post","status-publish","format-standard","hentry","category-converter"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":0,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts\/162\/revisions"}],"wp:attachment":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/media?parent=162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/categories?post=162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/tags?post=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}