{"id":9622,"date":"2024-09-20T20:28:55","date_gmt":"2024-09-20T19:28:55","guid":{"rendered":"https:\/\/agenciaseonetbulb.com\/noticias\/?page_id=9622"},"modified":"2024-09-20T21:07:41","modified_gmt":"2024-09-20T20:07:41","slug":"generador-de-texto","status":"publish","type":"page","link":"https:\/\/agenciaseonetbulb.com\/noticias\/generador-de-texto\/","title":{"rendered":"Generador de texto y letras creativas"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"max-width: 800px; margin: auto; font-family: Arial, sans-serif; text-align: center;\">\n    <h2 style=\"font-size: 32px; font-weight: bold;\">Generador de Textos Creativos<\/h2>\n    <textarea id=\"userInput\" placeholder=\"Escribe aqu\u00ed tu texto...\" style=\"width: 100%; height: 100px; padding: 10px; font-size: 18px; margin-bottom: 20px; border-radius: 5px; border: 2px solid #ccc;\"><\/textarea>\n\n    <div id=\"textOutputs\" style=\"text-align: left;\">\n        <!-- Aqu\u00ed se insertar\u00e1n los 100 estilos de texto din\u00e1micamente -->\n    <\/div>\n<\/div>\n\n<script>\n    const inputField = document.getElementById('userInput');\n    const textOutputs = document.getElementById('textOutputs');\n\n    \/\/ Definir estilos creativos de texto\n    const styles = [\n        \"font-weight: bold;\",\n        \"font-style: italic;\",\n        \"text-decoration: underline;\",\n        \"text-decoration: line-through;\",\n        \"font-variant: small-caps;\",\n        \"transform: rotate(180deg);\", \/\/ Texto al rev\u00e9s\n        \"font-family: 'Courier New', monospace;\",\n        \"font-weight: bold; font-style: italic;\",\n        \"font-weight: bold; color: red;\",\n        \"font-size: 24px; font-weight: bold;\",\n        \"text-shadow: 2px 2px 5px black;\",\n        \"font-family: 'Times New Roman', serif;\",\n        \"font-size: 30px; font-weight: 900;\",\n        \"background-color: yellow; padding: 5px;\",\n        \"font-family: 'Comic Sans MS', cursive;\",\n        \"color: blue; font-weight: bold;\",\n        \"letter-spacing: 3px; text-transform: uppercase;\",\n        \"font-style: oblique;\",\n        \"color: green; text-transform: capitalize;\",\n        \"background-color: lightgray; padding: 10px;\",\n        \"color: purple; text-decoration: overline;\",\n        \"font-family: 'Verdana', sans-serif;\",\n        \"text-shadow: 1px 1px 3px red;\",\n        \"font-size: 20px; text-transform: lowercase;\",\n        \"border: 2px solid black; padding: 5px;\",\n        \"color: pink; font-weight: bold; font-style: italic;\",\n        \"font-family: 'Arial Black', sans-serif; text-transform: uppercase;\",\n        \"letter-spacing: 4px; color: teal;\",\n        \"background-color: lightblue; padding: 5px;\",\n        \"font-family: 'Georgia', serif; color: darkred;\",\n        \"font-weight: bold; color: darkblue;\",\n        \"font-family: 'Courier New'; font-weight: 900;\",\n        \"color: orange; font-style: italic;\",\n        \"transform: rotate(-10deg);\",\n        \"color: brown; font-weight: bold;\",\n        \"font-family: 'Lucida Console', monospace;\",\n        \"color: navy; font-weight: bold;\",\n        \"background-color: lightgreen;\",\n        \"color: black; font-weight: 600; font-size: 18px;\",\n        \"text-shadow: 3px 3px 8px gray;\",\n        \"font-family: 'Tahoma', sans-serif;\",\n        \"color: salmon; font-weight: bold;\",\n        \"letter-spacing: 2px; color: coral;\",\n        \"color: maroon; font-size: 26px;\",\n        \"text-transform: uppercase; font-weight: bold;\",\n        \"border-bottom: 4px solid black;\",\n        \"color: darkgreen; background-color: lightyellow;\",\n        \"font-weight: bold; font-family: 'Impact', sans-serif;\",\n        \"color: gold; text-decoration: blink;\", \/\/ Parpadeante en navegadores compatibles\n        \"text-transform: capitalize; letter-spacing: 1px;\",\n        \"font-style: italic; color: darkorange;\",\n        \"font-family: 'Futura', sans-serif;\",\n        \"font-size: 22px; text-transform: lowercase;\",\n        \"color: turquoise; font-weight: bold;\",\n        \"text-shadow: 2px 2px 3px darkgray;\",\n        \"background-color: pink; padding: 5px;\",\n        \"font-family: 'Gill Sans', sans-serif;\",\n        \"font-variant: small-caps; color: royalblue;\",\n        \"font-weight: bold; text-shadow: 1px 1px 2px black;\",\n        \"letter-spacing: 5px; color: crimson;\",\n        \"color: olive; font-weight: bold;\",\n        \"font-family: 'Brush Script MT', cursive;\",\n        \"color: deeppink; font-size: 28px;\",\n        \"font-family: 'Arial Narrow', sans-serif;\",\n        \"font-weight: bold; color: darkviolet;\",\n        \"letter-spacing: 6px; font-size: 20px;\",\n        \"color: lime; font-weight: bold;\",\n        \"background-color: beige; padding: 8px;\",\n        \"font-style: italic; color: darkslateblue;\",\n        \"text-transform: lowercase; font-weight: bold;\",\n        \"text-shadow: 3px 3px 4px black;\",\n        \"font-family: 'Optima', sans-serif;\",\n        \"font-weight: bold; color: steelblue;\",\n        \"font-variant: small-caps; color: mediumorchid;\",\n        \"text-shadow: 2px 2px 4px navy;\",\n        \"font-family: 'Palatino', serif;\",\n        \"color: darkslategray; font-size: 24px;\",\n        \"font-weight: bold; font-family: 'Helvetica', sans-serif;\",\n        \"color: teal; font-size: 22px;\",\n        \"text-transform: uppercase; color: slateblue;\",\n        \"font-weight: 900; color: chocolate;\",\n        \"font-style: italic; color: limegreen;\",\n        \"font-family: 'Copperplate', serif;\",\n        \"text-shadow: 4px 4px 5px black;\",\n        \"font-variant: small-caps; color: fuchsia;\",\n        \"color: salmon; font-size: 25px;\",\n        \"font-weight: bold; font-family: 'Franklin Gothic', sans-serif;\",\n        \"text-decoration: underline overline;\",\n        \"color: midnightblue; font-size: 18px;\",\n        \"font-family: 'Zapfino', serif;\",\n        \"font-weight: bold; text-transform: capitalize;\",\n        \"letter-spacing: 7px; color: indigo;\",\n        \"font-style: italic; color: silver;\"\n    ];\n\n    \/\/ Funci\u00f3n para generar los campos con estilos y botones de copia\n    function generateTextFields() {\n        textOutputs.innerHTML = '';\n        styles.forEach((style, index) => {\n            const div = document.createElement('div');\n            div.innerHTML = `\n                <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; border-radius: 8px; padding: 10px; background-color: #f9f9f9; border: 1px solid #ccc;\">\n                    <div class=\"creative-style\" id=\"style${index + 1}\" style=\"${style}; width: 70%;\">${inputField.value || 'Ejemplo de estilo ' + (index + 1)}<\/div>\n                    <button onclick=\"copyText('style${index + 1}')\" style=\"margin-left: 10px; padding: 10px 15px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer;\">Copiar<\/button>\n                <\/div>\n            `;\n            textOutputs.appendChild(div);\n        });\n    }\n\n    \/\/ Copiar el texto seleccionado\n    function copyText(id) {\n        const text = document.getElementById(id).textContent;\n        const tempElement = document.createElement('textarea');\n        tempElement.value = text;\n        document.body.appendChild(tempElement);\n        tempElement.select();\n        document.execCommand('copy');\n        document.body.removeChild(tempElement);\n        alert('Texto copiado: ' + text);\n    }\n\n    \/\/ Actualizar los textos en todos los estilos\n    inputField.addEventListener('input', () => {\n        generateTextFields();\n    });\n\n    \/\/ Inicializar los campos\n    generateTextFields();\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generador de Textos Creativos<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9622","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/pages\/9622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/comments?post=9622"}],"version-history":[{"count":12,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/pages\/9622\/revisions"}],"predecessor-version":[{"id":9638,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/pages\/9622\/revisions\/9638"}],"wp:attachment":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/media?parent=9622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}