@jjlmoya/utils-social 1.1.0

package/src/tool/redditFormatter/component.astro

@@ -0,0 +1,246 @@
+---
+import type { KnownLocale } from '../../types';
+import type { RedditFormatterUI } from './ui';
+
+interface Props {
+  locale?: KnownLocale;
+  ui?: Record<string, unknown>;
+}
+
+const { ui } = Astro.props;
+const t = (ui ?? {}) as RedditFormatterUI;
+---
+
+<div
+  class="rdf-root"
+  data-copy-label={t.btnCopy}
+  data-copied-label={t.btnCopied}
+>
+  <div class="rdf-grid">
+    <div class="rdf-panel">
+      <label for="rdf-input" class="rdf-label">{t.labelInput}</label>
+      <textarea id="rdf-input" class="rdf-textarea" placeholder={t.placeholderInput}></textarea>
+    </div>
+
+    <div class="rdf-controls">
+      <span class="rdf-label">{t.labelOptions}</span>
+      <div class="rdf-checkbox-group">
+        <label class="rdf-checkbox-label">
+          <input type="checkbox" id="rdf-fix-paragraphs" checked />
+          <span>{t.optionParagraphs}</span>
+        </label>
+        <label class="rdf-checkbox-label">
+          <input type="checkbox" id="rdf-remove-spaces" checked />
+          <span>{t.optionSpaces}</span>
+        </label>
+        <label class="rdf-checkbox-label">
+          <input type="checkbox" id="rdf-remove-invisible" checked />
+          <span>{t.optionInvisible}</span>
+        </label>
+        <label class="rdf-checkbox-label">
+          <input type="checkbox" id="rdf-remove-links" />
+          <span>{t.optionLinks}</span>
+        </label>
+      </div>
+    </div>
+
+    <div class="rdf-panel">
+      <div class="rdf-output-header">
+        <label for="rdf-output" class="rdf-label">{t.labelOutput}</label>
+        <button id="rdf-copy-btn" class="rdf-copy-btn">{t.btnCopy}</button>
+      </div>
+      <textarea id="rdf-output" class="rdf-textarea" readonly placeholder={t.placeholderOutput}></textarea>
+    </div>
+  </div>
+</div>
+
+<script>
+  import { processText } from './logic';
+
+  let inputEl: HTMLTextAreaElement | null = null;
+  let outputEl: HTMLTextAreaElement | null = null;
+  let checkParagraphs: HTMLInputElement | null = null;
+  let checkSpaces: HTMLInputElement | null = null;
+  let checkInvisible: HTMLInputElement | null = null;
+  let checkLinks: HTMLInputElement | null = null;
+
+  function isChecked(el: HTMLInputElement | null, def: boolean): boolean {
+    return el ? el.checked : def;
+  }
+
+  function getOptions() {
+    return {
+      fixParagraphs: isChecked(checkParagraphs, true),
+      removeSpaces: isChecked(checkSpaces, true),
+      removeInvisible: isChecked(checkInvisible, true),
+      removeLinks: isChecked(checkLinks, false),
+    };
+  }
+
+  function run() {
+    if (!inputEl || !outputEl) return;
+    outputEl.value = processText(inputEl.value, getOptions());
+  }
+
+  function setupCopy(copyBtn: HTMLButtonElement | null, copyLabel: string, copiedLabel: string) {
+    copyBtn?.addEventListener('click', () => {
+      if (!outputEl?.value) return;
+      navigator.clipboard.writeText(outputEl.value).then(() => {
+        if (!copyBtn) return;
+        copyBtn.textContent = copiedLabel;
+        setTimeout(() => { copyBtn.textContent = copyLabel; }, 2000);
+      });
+    });
+  }
+
+  function init() {
+    const root = document.querySelector('.rdf-root') as HTMLElement | null;
+    if (!root) return;
+    const copyLabel = root.dataset.copyLabel ?? 'Copy';
+    const copiedLabel = root.dataset.copiedLabel ?? 'Copied';
+    inputEl = document.getElementById('rdf-input') as HTMLTextAreaElement | null;
+    outputEl = document.getElementById('rdf-output') as HTMLTextAreaElement | null;
+    const copyBtn = document.getElementById('rdf-copy-btn') as HTMLButtonElement | null;
+    checkParagraphs = document.getElementById('rdf-fix-paragraphs') as HTMLInputElement | null;
+    checkSpaces = document.getElementById('rdf-remove-spaces') as HTMLInputElement | null;
+    checkInvisible = document.getElementById('rdf-remove-invisible') as HTMLInputElement | null;
+    checkLinks = document.getElementById('rdf-remove-links') as HTMLInputElement | null;
+    [inputEl, checkParagraphs, checkSpaces, checkInvisible, checkLinks].forEach((el) => {
+      el?.addEventListener('input', run);
+      el?.addEventListener('change', run);
+    });
+    setupCopy(copyBtn, copyLabel, copiedLabel);
+  }
+
+  document.addEventListener('astro:page-load', init);
+  init();
+</script>
+
+<style>
+  .rdf-root {
+    --bg: rgba(255, 255, 255, 0.4);
+    --border: rgba(255, 255, 255, 0.6);
+    --label: #334155;
+    --textarea-bg: #fff;
+    --textarea-border: #ddd;
+    --textarea-text: #111;
+    --controls-bg: rgba(255, 255, 255, 0.7);
+    --controls-border: #eaeaea;
+    --checkbox-color: #444;
+
+    padding: 2rem;
+    background: var(--bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border-radius: 16px;
+    border: 1px solid var(--border);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
+  }
+
+  :global(.theme-dark) .rdf-root {
+    --bg: rgba(15, 23, 42, 0.6);
+    --border: rgba(255, 255, 255, 0.08);
+    --label: #94a3b8;
+    --textarea-bg: #0f172a;
+    --textarea-border: rgba(255, 255, 255, 0.1);
+    --textarea-text: #f1f5f9;
+    --controls-bg: rgba(255, 255, 255, 0.03);
+    --controls-border: rgba(255, 255, 255, 0.08);
+    --checkbox-color: #94a3b8;
+  }
+
+  .rdf-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .rdf-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  .rdf-label {
+    font-weight: 600;
+    color: var(--label);
+    font-size: 0.95rem;
+  }
+
+  .rdf-textarea {
+    width: 100%;
+    min-height: 220px;
+    padding: 1rem;
+    border-radius: 8px;
+    border: 1px solid var(--textarea-border);
+    background: var(--textarea-bg);
+    font-size: 1rem;
+    color: var(--textarea-text);
+    resize: vertical;
+    transition: border-color 0.2s;
+    line-height: 1.6;
+    box-sizing: border-box;
+  }
+
+  .rdf-textarea:focus {
+    outline: none;
+    border-color: #ff4500;
+    box-shadow: 0 0 0 3px rgba(255, 69, 0, 0.1);
+  }
+
+  .rdf-controls {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    background: var(--controls-bg);
+    padding: 1.5rem;
+    border-radius: 8px;
+    border: 1px solid var(--controls-border);
+  }
+
+  .rdf-checkbox-group {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    gap: 0.75rem;
+    margin-top: 0.25rem;
+  }
+
+  .rdf-checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    cursor: pointer;
+    font-size: 0.95rem;
+    color: var(--checkbox-color);
+    font-weight: 500;
+  }
+
+  .rdf-checkbox-label input[type='checkbox'] {
+    width: 1.25rem;
+    height: 1.25rem;
+    accent-color: #ff4500;
+    cursor: pointer;
+    flex-shrink: 0;
+  }
+
+  .rdf-output-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .rdf-copy-btn {
+    background: #ff4500;
+    color: #fff;
+    border: none;
+    padding: 0.6rem 1.25rem;
+    border-radius: 6px;
+    font-weight: 600;
+    font-size: 0.9rem;
+    cursor: pointer;
+    transition: background-color 0.2s, transform 0.1s;
+  }
+
+  .rdf-copy-btn:hover { background: #e03d00; }
+  .rdf-copy-btn:active { transform: scale(0.97); }
+</style>

package/src/tool/redditFormatter/i18n/en.ts

@@ -0,0 +1,193 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { RedditFormatterUI } from '../ui';
+
+const slug = 'reddit-text-formatter';
+const title = 'Reddit Text Formatter - Cleaner and Markdown Fixer';
+const description =
+  'Advanced text cleaner for posting on Reddit. Fixes missing line breaks, removes multiple spaces and hidden characters that break Markdown.';
+
+const faqData = [
+  {
+    question: 'Why does my text on Reddit lose its line breaks?',
+    answer:
+      'Reddit uses Markdown, which requires you to press double space at the end of a line before pressing Enter for a normal line break, or press Enter twice to create a new paragraph. Our tool handles this automatically by inserting double line breaks.',
+  },
+  {
+    question: 'What are hidden or invisible characters?',
+    answer:
+      'When copying from complex word processors, zero-width formatting markers often get attached. These elements are invisible on normal web pages but can break the Markdown ecosystem.',
+  },
+  {
+    question: 'Is it safe to use this text cleaner?',
+    answer:
+      'Completely safe. The script runs entirely on the client side (in your own browser). Your text is never sent to any server and no one else will ever have access to what you paste here.',
+  },
+  {
+    question: 'Can I use this for Twitter or other networks?',
+    answer:
+      'Yes, in addition to fixing Reddit posts, removing multiple spaces and strange characters is useful for any publication on blogs, Twitter, old phpBB forums or any other social platform where you need clean, neutral text.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Paste your text',
+    text: 'Copy your text from Word, Google Docs or any source and paste it into the input field.',
+  },
+  {
+    name: 'Choose the options',
+    text: 'Toggle options on or off depending on what you need: fix paragraphs, remove spaces, or clean hidden characters.',
+  },
+  {
+    name: 'Review the result',
+    text: 'The clean text appears in real time in the output field, ready to publish.',
+  },
+  {
+    name: 'Copy and post',
+    text: 'Click "Copy Text" and paste it directly into Reddit or any forum.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'USD' },
+  inLanguage: 'en',
+};
+
+export const content: ToolLocaleContent<RedditFormatterUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Frequently Asked Questions',
+  faq: faqData,
+  bibliographyTitle: 'References',
+  bibliography: [
+    {
+      name: 'Reddit Help: Formatting text in posts and comments',
+      url: 'https://support.reddithelp.com/hc/en-us/articles/360043033952-Formatting-text-in-posts-and-comments',
+    },
+    {
+      name: 'Reddit Markdown guide',
+      url: 'https://www.reddit.com/wiki/markdown/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'The Ultimate Formatting Tool for Reddit and Web Forums',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Creating posts on Reddit or any platform that relies on Markdown can be frustrating. A common problem when copying and pasting text from complex word processors or web pages is that line breaks get altered. When you submit the content, it often becomes a solid, hard-to-read block, ignoring the original paragraph structure. Our formatting tool solves this problem at its root.',
+    },
+    {
+      type: 'title',
+      text: 'How the Reddit Text Cleaner Works',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'The processing engine runs multiple filters on your text in real time. First, it addresses line breaks. Reddit requires a specific format where a paragraph break needs two new lines in the Markdown source code. The cleaner analyzes your text and automatically converts single line breaks into double breaks, keeping existing paragraphs intact to avoid generating excessive spacing.',
+    },
+    {
+      type: 'paragraph',
+      html: 'Second, the tool removes invisible characters and multiple spaces. When copying text from websites, it is common to drag along zero-width characters that break formatting or cause strange behavior in forums. The cleaner purges these intrusive web elements and normalizes repeated spaces into a single clean space. Optionally, you can strip and remove all raw hyperlinks from your content to post completely neutral text.',
+    },
+    {
+      type: 'title',
+      text: 'Benefits of Using a Specialized Text Cleaner',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Optimized Readability:</strong> Ensures your readers on Reddit see properly structured text instead of an intimidating wall of words.',
+        '<strong>Time Saving:</strong> Forget pressing Enter hundreds of times to fix broken formatting. Paste your content and copy it ready in under a second.',
+        '<strong>Metadata and Web Junk Removal:</strong> Protects your post from weird styles or breaks caused by zero-width spaces.',
+        '<strong>High Privacy:</strong> All processing is client-side. The text never leaves your browser or gets stored on external servers.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'The Problem with Word Processors and Reddit',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Applications like Microsoft Word or Google Docs add an invisible layer of rich formatting over their text. When you copy and paste that content directly into the basic editor or Reddit\'s Markdown mode, the rich formatting disappears and what remains is often a structureless amalgam. Reddit uses a fairly strict variant of Markdown. If you are not familiar with Reddit\'s syntax or simply want a smoother process when transferring essays or stories to the forum, cleaning the text here first prevents your post from receiving downvotes simply because it is impossible to read comfortably.',
+    },
+    {
+      type: 'title',
+      text: 'Best Practices for Posting in Forums',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Correct formatting is vital for generating discussion and maintaining community attention. Posts with very long lines or nonexistent paragraphs are often abandoned after the first few sentences. Use this cleaning tool to lay the structural foundations. Then, add formatting like bold and italics strategically within the Reddit editor itself to highlight key ideas. Always review the preview and take advantage of structured lists to enumerate important points or detailed guides.',
+    },
+    {
+      type: 'title',
+      text: 'Transformation Example',
+      level: 3,
+    },
+    {
+      type: 'tip',
+      title: 'Before and after the formatter',
+      html: '<p><strong>Original pasted text:</strong></p><pre>Hello this is the first line\nand this was supposed to be the second\nbut on Reddit everything runs together when you paste it.</pre><p><strong>Formatted text:</strong></p><pre>Hello this is the first line\n\nand this was supposed to be the second\n\nbut on Reddit everything runs together when you paste it.</pre>',
+    },
+    {
+      type: 'title',
+      text: 'Frequently Asked Questions about the Reddit Text Formatter',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: "Finding the right answers about how to interact with Reddit's editorial rules is not always obvious. Check the FAQ section where we address the main questions about valid formats and how to avoid being penalized for massive walls of text.",
+    },
+  ],
+  ui: {
+    labelInput: 'Original Text',
+    placeholderInput: 'Paste your original text here...',
+    labelOptions: 'Formatting Options',
+    optionParagraphs: 'Fix Reddit-style Paragraphs',
+    optionSpaces: 'Remove multiple spaces',
+    optionInvisible: 'Clean hidden web characters',
+    optionLinks: 'Extract URLs (Text only)',
+    labelOutput: 'Clean Text',
+    placeholderOutput: 'The cleaning result will appear here...',
+    btnCopy: 'Copy Text',
+    btnCopied: 'Copied',
+  },
+};

package/src/tool/redditFormatter/i18n/es.ts

@@ -0,0 +1,193 @@
+import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
+import type { ToolLocaleContent } from '../../../types';
+import type { RedditFormatterUI } from '../ui';
+
+const slug = 'formateador-reddit';
+const title = 'Formateador Reddit - Limpiador y Adaptador de Texto';
+const description =
+  'Limpiador avanzado de texto para publicar en Reddit. Arregla los saltos de línea perdidos, elimina espacios múltiples y caracteres ocultos que rompen el Markdown.';
+
+const faqData = [
+  {
+    question: '¿Por qué mi texto en Reddit pierde los saltos de línea?',
+    answer:
+      'Reddit utiliza Markdown, que requiere que presiones doble espacio al final de una línea antes de pulsar Intro para crear un salto normal, o que pulses Intro dos veces para crear un nuevo párrafo. Nuestra herramienta ajusta esto automáticamente insertando dobles saltos de línea.',
+  },
+  {
+    question: '¿Qué son los caracteres ocultos o invisibles?',
+    answer:
+      'Muchas veces, al copiar de procesadores de texto complejos, se adhieren marcadores de formato de longitud cero. Estos elementos son invisibles en la web normal pero pueden romper el ecosistema de Markdown.',
+  },
+  {
+    question: '¿Es seguro usar este limpiador de texto?',
+    answer:
+      'Completamente seguro. El script se ejecuta enteramente en el lado del cliente (en tu propio navegador). Tus textos no son enviados a ningún servidor y nunca nadie más tendrá acceso a lo que copies aquí.',
+  },
+  {
+    question: '¿Puedo usar esto para Twitter u otras redes?',
+    answer:
+      'Sí, además de arreglar Reddit, remover espacios múltiples y caracteres extraños es útil para cualquier publicación en blogs, Twitter, foros phpBB antiguos o cualquier otra plataforma social donde necesites texto neutro y muy limpio.',
+  },
+];
+
+const howToData = [
+  {
+    name: 'Pega tu texto',
+    text: 'Copia tu texto desde Word, Google Docs o cualquier fuente y pégalo en el campo de entrada.',
+  },
+  {
+    name: 'Elige las opciones',
+    text: 'Activa o desactiva las opciones según lo que necesites: arreglar párrafos, eliminar espacios o limpiar caracteres ocultos.',
+  },
+  {
+    name: 'Revisa el resultado',
+    text: 'El texto limpio aparece en tiempo real en el campo de salida, listo para publicar.',
+  },
+  {
+    name: 'Copia y publica',
+    text: 'Haz clic en "Copiar Texto" y pégalo directamente en Reddit o cualquier foro.',
+  },
+];
+
+const faqSchema: WithContext<FAQPage> = {
+  '@context': 'https://schema.org',
+  '@type': 'FAQPage',
+  mainEntity: faqData.map((item) => ({
+    '@type': 'Question',
+    name: item.question,
+    acceptedAnswer: { '@type': 'Answer', text: item.answer },
+  })),
+};
+
+const howToSchema: WithContext<HowToThing> = {
+  '@context': 'https://schema.org',
+  '@type': 'HowTo',
+  name: title,
+  description,
+  step: howToData.map((step, i) => ({
+    '@type': 'HowToStep',
+    position: i + 1,
+    name: step.name,
+    text: step.text,
+  })),
+};
+
+const appSchema: WithContext<SoftwareApplication> = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: title,
+  description,
+  applicationCategory: 'UtilityApplication',
+  operatingSystem: 'All',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'EUR' },
+  inLanguage: 'es',
+};
+
+export const content: ToolLocaleContent<RedditFormatterUI> = {
+  slug,
+  title,
+  description,
+  faqTitle: 'Preguntas Frecuentes',
+  faq: faqData,
+  bibliographyTitle: 'Referencias',
+  bibliography: [
+    {
+      name: 'Reddit Help: Formatting text in posts and comments',
+      url: 'https://support.reddithelp.com/hc/en-us/articles/360043033952-Formatting-text-in-posts-and-comments',
+    },
+    {
+      name: 'Reddit Markdown guide',
+      url: 'https://www.reddit.com/wiki/markdown/',
+    },
+  ],
+  howTo: howToData,
+  schemas: [faqSchema, howToSchema, appSchema],
+  seo: [
+    {
+      type: 'title',
+      text: 'La Herramienta Definitiva de Formateo para Reddit y Foros Web',
+      level: 2,
+    },
+    {
+      type: 'paragraph',
+      html: 'Crear publicaciones en Reddit o en cualquier plataforma que dependa de Markdown puede resultar frustrante. Un error frecuente al copiar y pegar texto desde procesadores de texto complejos o páginas web es la alteración de los saltos de línea. Al enviar el contenido, este suele convertirse en un bloque sólido y difícil de leer, ignorando la estructura original de los párrafos. Nuestra herramienta de formateo resuelve este problema de raíz.',
+    },
+    {
+      type: 'title',
+      text: 'Cómo Funciona el Limpiador de Textos para Reddit',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'El motor de procesamiento ejecuta múltiples filtros sobre tu texto en tiempo real. En primer lugar, aborda los saltos de línea. Reddit requiere un formato específico donde un salto de párrafo necesita dos líneas nuevas en el código fuente Markdown. El limpiador analiza tu texto y convierte automáticamente los saltos de línea simples en saltos dobles, manteniendo intactos los párrafos existentes para no generar espacios excesivos.',
+    },
+    {
+      type: 'paragraph',
+      html: 'En segundo lugar, la herramienta elimina los caracteres invisibles y los espacios múltiples. Al copiar texto de sitios web, es común arrastrar caracteres sin ancho que rompen el formato o causan comportamientos extraños en los foros. El limpiador purga estos elementos web intrusivos y normaliza los espacios repetidos en un solo espacio limpio. De manera opcional, puedes extraer y eliminar todos los enlaces hipertextuales en crudo de tu contenido para publicar texto completamente neutro.',
+    },
+    {
+      type: 'title',
+      text: 'Ventajas de Usar un Limpiador de Textos Especializado',
+      level: 3,
+    },
+    {
+      type: 'list',
+      items: [
+        '<strong>Legibilidad Optimizada:</strong> Asegura que tus lectores en Reddit vean un texto estructurado correctamente en lugar de un bloque intimidante.',
+        '<strong>Ahorro de Tiempo:</strong> Olvídate de pulsar Enter cientos de veces para arreglar formato roto. Pega tu información y cópiala ya lista en menos de un segundo.',
+        '<strong>Eliminación de Metadatos y Basura Web:</strong> Protege tu publicación de estilos raros o roturas causadas por el espacio sin ancho.',
+        '<strong>Alta Privacidad:</strong> Todo el procesamiento es client-side. El texto nunca abandona tu navegador ni se almacena en servidores externos.',
+      ],
+    },
+    {
+      type: 'title',
+      text: 'El Problema con los Procesadores de Texto y Reddit',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Aplicaciones como Microsoft Word o Google Docs añaden una capa invisible de formato rico sobre su texto. Cuando copias y pegas ese contenido directamente en el editor básico o en el modo Markdown de Reddit, el formato rico desaparece y lo que queda muchas veces es una amalgama sin estructura. Reddit utiliza una variante de Markdown bastante estricta. Si no estás familiarizado con la sintaxis de Reddit o simplemente quieres un proceso más fluido al trasladar ensayos o historias al foro, limpiar el texto aquí primero previene que tu publicación reciba votos negativos simplemente por ser imposible de leer de forma cómoda y natural.',
+    },
+    {
+      type: 'title',
+      text: 'Buenas Prácticas para Publicar en Foros',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Un formato correcto es vital para generar debate y mantener la atención de la comunidad. Las publicaciones con líneas muy largas o párrafos inexistentes suelen ser abandonadas en las primeras oraciones. Utiliza esta herramienta de limpieza para asentar las bases estructurales. Luego, añade formato como negritas y cursivas de manera estratégica dentro del propio editor de Reddit para destacar ideas clave. Recuerda revisar siempre la vista previa y aprovechar las listas estructuradas para enumerar puntos importantes o guías detalladas.',
+    },
+    {
+      type: 'title',
+      text: 'Ejemplo de Transformación',
+      level: 3,
+    },
+    {
+      type: 'tip',
+      title: 'Antes y después del formateador',
+      html: '<p><strong>Texto original pegado:</strong></p><pre>Hola esto es la primera linea\ny esta pensaba que era la segunda\npero en reddit sale todo junto si lo pegas.</pre><p><strong>Texto formateado:</strong></p><pre>Hola esto es la primera linea\n\ny esta pensaba que era la segunda\n\npero en reddit sale todo junto si lo pegas.</pre>',
+    },
+    {
+      type: 'title',
+      text: 'Preguntas Frecuentes sobre el Formateador de Textos de Reddit',
+      level: 3,
+    },
+    {
+      type: 'paragraph',
+      html: 'Encontrar las respuestas correctas sobre cómo interactuar con las normas editoriales de Reddit no siempre es obvio. Revisa la sección de FAQ donde resolvemos las dudas principales sobre los formatos válidos y cómo evitar ser penalizado por bloques de texto masivos.',
+    },
+  ],
+  ui: {
+    labelInput: 'Texto Original',
+    placeholderInput: 'Pega tu texto original aquí...',
+    labelOptions: 'Opciones de Formateo',
+    optionParagraphs: 'Arreglar Párrafos al estilo Reddit',
+    optionSpaces: 'Eliminar espacios múltiples',
+    optionInvisible: 'Limpiar caracteres web ocultos',
+    optionLinks: 'Extraer URLs (Dejar solo texto)',
+    labelOutput: 'Texto Limpio',
+    placeholderOutput: 'El resultado de la limpieza se verá aquí...',
+    btnCopy: 'Copiar Texto',
+    btnCopied: 'Copiado',
+  },
+};