{"id":34805,"date":"2016-01-27T16:07:00","date_gmt":"2016-01-27T16:07:00","guid":{"rendered":"https:\/\/contactform7.com\/?p=34805"},"modified":"2023-10-17T05:22:55","modified_gmt":"2023-10-16T20:22:55","slug":"html-is-not-allowed-in-messages","status":"publish","type":"post","link":"https:\/\/contactform7.com\/es\/2016\/01\/27\/html-is-not-allowed-in-messages\/","title":{"rendered":"El c\u00f3digo HTML no se permite en los mensajes"},"content":{"rendered":"\n\n\n\n<p>En la pesta\u00f1a <strong>Mensajes<\/strong> de la <a href=\"http:\/\/contactform7.com\/es\/admin-screen\/\">pantalla del editor de formulario<\/a> de contacto, puedes editar los mensajes que muestra Contact Form 7 en diferentes situaciones. En los mensajes solo podr\u00e1s utilizar texto plano; no utilices etiquetas ni entidades HTML.<\/p>\n\n\n\n<p>Permitir HTML en un mensaje puede suponer un riesgo para la seguridad. La versi\u00f3n 4.4 de Contact Form 7, y posteriores, eliminan por la fuerza el HTML al mostrar el mensaje. Revisa la pesta\u00f1a <strong>Mensajes<\/strong> para asegurarte de que no tengas ning\u00fan c\u00f3digo HTML all\u00ed.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Si necesitas utilizar HTML en un mensaje porque quieres mostrar contenido HTML espec\u00edfico en una situaci\u00f3n espec\u00edfica, existe una alternativa mejor.<\/p>\n\n\n\n<p>Despu\u00e9s de un env\u00edo, Contact Form 7 a\u00f1ade un valor al atributo <code>class<\/code> del elemento <code>form<\/code> que describe el estado del formulario. Los posibles estados son los siguientes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>invalid<\/code> &#8212; El formulario tiene uno o m\u00e1s campos con entradas no v\u00e1lidas;<\/li>\n\n\n\n<li><code>spam <\/code>&#8212; El env\u00edo del usuario es sospechoso de spam;<\/li>\n\n\n\n<li><code>sent<\/code> &#8212; El formulario y el correo se han enviado correctamente;<\/li>\n\n\n\n<li><code>failed<\/code> &#8212; El formulario se ha enviado correctamente, pero no se ha podido enviar el correo.<\/li>\n<\/ol>\n\n\n\n<p>Al utilizar estas clases, junto con la hoja de estilos CSS, puedes colocar un bloque de contenido HTML en tu formulario que sea visible solo en la situaci\u00f3n especificada.<\/p>\n\n\n\n\n\n\n<p>Digamos que tu formulario contiene un elemento <code>div<\/code> con una clase <code>visible-only-if-invalid<\/code> que te gustar\u00eda que fuera invisible de forma predeterminada, pero visible cuando el formulario tenga campos no v\u00e1lidos, como el siguiente:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;div class=&quot;visible-only-if-invalid&quot;&gt;\n  &lt;font color=&quot;#f00&quot;&gt;\u00a1Tienes campos &lt;marquee&gt;no v\u00e1lidos&lt;\/marquee&gt;!&lt;\/font&gt;\n&lt;\/div&gt;\n<\/pre><\/div>\n\n\n<p>Pues bien, con las siguientes reglas de estilo CSS, podr\u00e1s lograr lo que quieres:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n.wpcf7 form div.visible-only-if-invalid {\n  display: none;\n}\n \n.wpcf7 form.invalid div.visible-only-if-invalid {\n  display: block;\n}\n<\/pre><\/div>\n\n\n<p>Del  mismo modo, puedes controlar la visibilidad de un elemento para cualquiera de las otras situaciones.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En la pesta\u00f1a Mensajes de la pantalla del editor de formulario de contacto, puedes editar los mensajes que muestra Contact Form 7 en diferentes situaciones. En los mensajes solo podr\u00e1s utilizar texto plano; no utilices etiquetas ni entidades HTML. Permitir HTML en un mensaje puede suponer un riesgo para la seguridad. La versi\u00f3n 4.4 de &hellip; <a href=\"https:\/\/contactform7.com\/es\/2016\/01\/27\/html-is-not-allowed-in-messages\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">El c\u00f3digo HTML no se permite en los mensajes<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_locale":"es_ES","_original_post":"17042","footnotes":"","jetpack_post_was_ever_published":false},"categories":[20],"tags":[],"class_list":["post-34805","post","type-post","status-publish","format-standard","hentry","category-announcement","es-ES"],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts\/34805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/comments?post=34805"}],"version-history":[{"count":0,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/posts\/34805\/revisions"}],"wp:attachment":[{"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/media?parent=34805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/categories?post=34805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contactform7.com\/wp-json\/wp\/v2\/tags?post=34805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}