@@ -73,6 +73,18 @@
 button.remove:hover {
   background: #d62d20;
 }
+
+button.quote {
+  background: #34c759;
+}
+
+button.quote:hover {
+  background: #28a745;
+}
+
+button.hidden {
+  display: none;
+}
 </style>
 </head>
 <body>
@@ -85,6 +97,8 @@ <h1>Text indentation tool</h1>
     <button id="remove2" class="remove">Remove 2 spaces</button>
     <button id="remove4" class="remove">Remove 4 spaces</button>
     <button id="removeIndent" class="remove">Remove all indentation</button>
+    <button id="quote" class="quote">Quote</button>
+    <button id="unquote" class="remove hidden">Unquote</button>
   </div>
 </div>
 
@@ -95,26 +109,51 @@ <h1>Text indentation tool</h1>
 const indent4Btn = document.getElementById('indent4');
 const remove2Btn = document.getElementById('remove2');
 const remove4Btn = document.getElementById('remove4');
+const quoteBtn = document.getElementById('quote');
+const unquoteBtn = document.getElementById('unquote');
+
+function updateQuoteButtons() {
+  const text = textInput.value;
+  if (!text.trim()) {
+    unquoteBtn.classList.add('hidden');
+    return;
+  }
+  
+  const lines = text.split('\n');
+  const nonEmptyLines = lines.filter(line => line.trim().length > 0);
+  const allQuoted = nonEmptyLines.length > 0 && nonEmptyLines.every(line => line.startsWith('> '));
+  
+  if (allQuoted) {
+    unquoteBtn.classList.remove('hidden');
+  } else {
+    unquoteBtn.classList.add('hidden');
+  }
+}
+
+textInput.addEventListener('input', updateQuoteButtons);
 
 removeIndentBtn.addEventListener('click', () => {
   const text = textInput.value;
   const lines = text.split('\n');
   const processed = lines.map(line => line.replace(/^\s+/, '')).join('\n');
   textInput.value = processed;
+  updateQuoteButtons();
 });
 
 indent2Btn.addEventListener('click', () => {
   const text = textInput.value;
   const lines = text.split('\n');
   const processed = lines.map(line => '  ' + line).join('\n');
   textInput.value = processed;
+  updateQuoteButtons();
 });
 
 indent4Btn.addEventListener('click', () => {
   const text = textInput.value;
   const lines = text.split('\n');
   const processed = lines.map(line => '    ' + line).join('\n');
   textInput.value = processed;
+  updateQuoteButtons();
 });
 
 remove2Btn.addEventListener('click', () => {
@@ -127,6 +166,7 @@ <h1>Text indentation tool</h1>
     return line;
   }).join('\n');
   textInput.value = processed;
+  updateQuoteButtons();
 });
 
 remove4Btn.addEventListener('click', () => {
@@ -139,7 +179,32 @@ <h1>Text indentation tool</h1>
     return line;
   }).join('\n');
   textInput.value = processed;
+  updateQuoteButtons();
 });
+
+quoteBtn.addEventListener('click', () => {
+  const text = textInput.value;
+  const lines = text.split('\n');
+  const processed = lines.map(line => '> ' + line).join('\n');
+  textInput.value = processed;
+  updateQuoteButtons();
+});
+
+unquoteBtn.addEventListener('click', () => {
+  const text = textInput.value;
+  const lines = text.split('\n');
+  const processed = lines.map(line => {
+    if (line.startsWith('> ')) {
+      return line.slice(2);
+    }
+    return line;
+  }).join('\n');
+  textInput.value = processed;
+  updateQuoteButtons();
+});
+
+// Initial check
+updateQuoteButtons();
 </script>
 </body>
 </html>