Issue #1254💬 RespondidoAbierto el 2 de julio de 2018por alperenuzunReacciones 0
AddType en domcomponent para condicionales HTML no funciona grapesjs versión 0.10.7
Respuesta rápidapor artf
Hola @alperenuzun no soportamos versiones antiguas, así que por favor intenta actualizar a la última y comprueba si todo funciona. Por cierto, cuando añadas nuevos componentes asegúrate de hacerlo desde un plugin.
Lee la respuesta completa abajo ↓Pregunta
Hola Artur,
Antes que nada, gracias por compartir un proyecto tan bueno :) Quiero contaros un problema que he experimentado.
Comentaste abajo el código de addType en el número #208. '''javascript var textnodeType = domc.getType('textnode'); domc.addType('comment', { model: textnodeType.model.extend({ toHTML() { return '<!--${this.get('content')}-->'; }, },{ isComponent(el) { if (el.nodeType == 8) { return { etiquetaNombre: 'NULL', // solo necesito esto para evitar alguna regla de analizador Tipo: 'comentario', contenido: el.textContent } } }, }), view: textnodeType.view, });
Antes usaba grapesjs - v0.5.41 y quería añadir una estructura de categorías para los bloques en el plugin del boletín grapesjs. Y entonces, me doy cuenta de que grapesjs - v0.10.7 ya contenía lo que quiero. Así que la estructura de categorías funciona muy bien, pero el código anterior no funciona con grapesjs - v0.10.7 y no incluye comentarios condicionales. Sin embargo, funcionaba con la versión 0.5.41.
¿Cuál es la razón de esto? ¿Qué debería hacer? Gracias por tus respuestas.
Respuestas (3)
artf• 4 de julio de 2018
Hola @alperenuzun no soportamos versiones antiguas, así que por favor intenta actualizar a la última y comprueba si todo funciona. Por cierto, cuando añadas nuevos componentes asegúrate de hacerlo desde un plugin.
alperenuzun• 4 de julio de 2018
"Plugin" fue la respuesta para mí :) En versiones antiguas funcionaba sin usar plugin. Ahora, funciona con plugin. Muchas gracias por tu ayuda.
alperenuzun• 6 de julio de 2018
Hola @artf
Tengo otra pregunta. Los comentarios condicionales funcionan bien pero no quedan bien en el diseño.
Este es el código en el que utilicé los comentarios condicionales:
Este es el diseño en el que utilicé comentarios condicionales:
Este es el código en el que no usé comentarios condicionales:
Este es el diseño que no utilicé en comentarios condicionales:
Me di cuenta de que el editor añade un div justo antes de los divs contenedores que están estilizados con bloque en línea:
! taslak
Este es mi código html antes no lo analizaba el editor: '''html
<!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>%%konu%%</title> <style type="text/css">/* Estilos específicos del cliente */ #outlook un {padding:0;} /* Forzar Outlook a proporcionar un enlace al menú de "ver en el navegador". */ body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; addding:0;} /* Evitar que las plataformas Webkit y Windows Mobile cambien el tamaño de fuente por defecto, sin romper el diseño de escritorio. */ . ExternalClass {width:100%;} /* Forzar a Hotmail a mostrar correos electrónicos a ancho completo */ . ExternalClass, . ExternalClass p, . ExternalClass span, . Fuente ExternalClass, . ExternalClass td, . ExternalClass div {line-height: 100%;} /* Forzar a Hotmail a mostrar el espaciado normal de línea.*/ img {Outline:None; Text-Decoration:None; frontera: ninguna; -ms-interpolation-mode: bicubic;} Un IMG {Border:None; Decoración de texto: ninguna; frontera: ninguna; -ms-interpolation-mode: bicubic;} a { color:#616161; text-decoration:none } p { padding:0 !importante; margin:0 !importante }.text-footer-2 a { color: #b1b1b1; text-decoration: none; }
@media solo pantalla y (ancho máximo: 590px) { table.container{ ancho:100% !importante; } div.container{ ancho:100% !importante; } .full { pantalla:bloqueo; ancho:100%; } table.deviceWidth { ancho:100% !importante; } table.container2 { flotar: ¡ninguno! importante; ancho: 0 !importante; } div.container2 { flotar: ¡ninguno! importante; ancho: 0 !importante; } img.resim { ancho:100% !importante; Altura:AUTO !Importante; } img.banner { ancho:100% !importante; } td.padding { relleno-top: 25px ! importante; } td.text-center { text-align:center !important; } div.genislik100{ ancho:100% !importante; } td.yazi { text-align:center !important; } td.padding { Ancho:0 !importante; } td.pleft { relleno-izquierda:0 !importante; } } </style>
</head> <cuerpo bgcolor="#eae9e9" leftmargin="0" marginwidth="0" marginwidth="0" topmargin="0"> <table align="center" bgcolor="#eae9e9" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="5" style="background-color:#9eb3cd;" valign="top"></td> </tr> <tr> <td align="center" bgcolor="white"> <borde de la tabla="0" celdade="0" celdaspacing="0" clase="contenedor" ancho="590"> <tbody> <tr> <td align="center"><!--[if (gte mso 9)|(IE)]> <ancho de tabla="590" alineamiento="centro" relleno de celdas="0" espacio entre celdas="0" borde="0"> <tr> <td> <! [endif]--> <borde de la tabla="0" celpadding="0" celdaspacing="0" clase="contenedor" estilo="máximo-ancho: 590px;" ancho="590"> <tbody> <tr> <td bgcolor="#FFFFFF" style="text-align: center; font-size: 0;"><!--[if (gte mso 9)|(IE)]> <tablewidth="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <! [endif]--> <div align="center" style="width: 150px; display: inline-block; vertical-align: middle;"> <table align="center" border="0" celpadding="0" cellspacing="0" width="145"> <tbody> <tr> <td align="center"><a href="http://keiretsuforum.com.tr/"><img alt="Lütfen Resimleri Görüntüleyiniz" border="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/logo-140x60.png" width="140" /></a></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td> <! [endif]--> <div align="center" class="container2" style="width: 230px; display: inline-block; vertical-align: middle;"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container2" width="230"> <tbody> <tr> <td bgcolor="white" height="2"></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td> <! [endif]--> <div align="center" style="width: 200px; display: inline-block; vertical-align: middle;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="190"> <tbody> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9eb3cd;"><a href="#" style="text-decoration:none; color:#9eb3cd;">Home</a></td> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9eb3cd;"><a href="#" style="text-decoration:none; color:#9eb3cd;">FAQ</a></td> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9eb3cd;"><a href="#" style="text-decoration:none; color:#9eb3cd;">Contact</a></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> <tr> <td bgcolor="#FFFFFF" height="10"></td> </tr> </tbody> </table> </td> </tr> <tr> <td height="5" style="background-color:#ffffff; border-bottom:#d5d5d5 solid 1px;"valign="top"></td> </tr> <tr> <td align="center" valign="top"><a href="#"><img alt="header-590x300" border="0" class="resim" hspace="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/image-header-590x260.jpg" style="max-width:590px;" vspace="0" width="590" /></a></td> </tr> <tr> <td align="center" bgcolor="#9eb3cd"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="590"> <tbody> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; addding:15px; color:white;"><b style="font-size:18px;">Deluxe Column</b><br /> <br /> Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eimod tempor incididunt utlabore etdolore magna aliqua. Ut enim minimetdolore magna aliqua. Ut enim minim utlabore etdolore magna aliqua. Ut enim minimetdolore</td> </tr> </tbody> </table> </td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="590"> <tbody> <tr> <td bgcolor="white" class="pleft" altura="30" estilo="acolchado-izquierda:20px; acolchado-top:10px; relleno-derecho:20px;" valign="bottom"> <table align="left" borde="0" celpadding="0" cellspacing="0" altura="25"> <tbody> <tr> <td style="color-fondo:#9eb3cd; tamaño-fuente: 12px; altura-línea: 16px; familia-fuente: Arial, Helvetica, sans-serif,Tahoma; color:#ffffff; volumen-de-fuente:normal; text-align:left; padding-left:10px; padding-right:10px;" valign="mindle" width="auto"><span style="color: #ffffff; peso-fuente: normal;">Deluxe</span></td> <td style="color-fondo:#9eb3cd;" valign="top"><img alt="triángulo" id="bg-tab-encabezado" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/red/triangle.png" estilo="display:bloque; max-width:30px; color-fondo:#9eb3cd;" width="30" /></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" bgcolor="white"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="550"> <tbody> <tr> <td bgcolor="#9eb3cd" altura="2" ancho="100%"></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" valign="top"><!--[if (gte mso 9)|(IE)]> <ancho de tabla="590" alineamiento="centro" relleno de celdas="0" espacio entre celdas="0" borde="0"> <tr> <td> <! [endif]--> <borde de la tabla="0" celpadding="0" celdaspacing="0" clase="contenedor" estilo="máximo-ancho: 590px;" ancho="590"> <tbody> <tr> <td bgcolor="#FFFFFF" style="text-align: center; font-size: 0;"><!--[if (gte mso 9)|(IE)]> <tablewidth="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="container" width="280"> <tbody> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"><img alt="Lütfen Resimleri Görüntüleyiniz" border="0" class="resim" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/blue/image3-280x247.jpg" width="265" /></td> </tr> <tr> <td align="center" bgcolor="white" height="40" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#9eb3cd; font-weight:bold;">Image Column</td> One </tr> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#7f7f7f; text-align:justify; padding-left:10px; padding-right:10px;">Kadın girişimciler, kadın işçiler, kadın patronlar, tüm kadınlar... Kız çocuklarımız, genç kızlarımız...</td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"> <table align="center" bgcolor="#9eb3cd" border="0" cellpadding="0" cellspacing="0" style="border-bottom:#5c718a solid 2px;" width="140"> <tbody> <tr> <td align="center" height="25" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; font-style:italic;" width="130"><a href="#" style="color:white; text-decoration:none;">Devamı İçin Tıklayınız</a></td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="container" width="280"> <tbody> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"><img alt="Lütfen Resimleri Görüntüleyiniz" border="0" class="resim" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/blue/image3-280x247.jpg" width="265" /></td> </tr> <tr> <td align="center" bgcolor="white" height="40" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#9eb3cd; font-weight:bold;">Image Column</td> One </tr> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#7f7f7f; text-align:justify; padding-left:10px; padding-right:10px;">Kadın girişimciler, kadın işçiler, kadın patronlar, tüm kadınlar... Kız çocuklarımız, genç kızlarımız...</td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"> <table align="center" bgcolor="#9eb3cd" border="0" cellpadding="0" cellspacing="0" style="border-bottom:#5c718a solid 2px;" width="140"> <tbody> <tr> <td align="center" height="25" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; font-style:italic;" width="130"><a href="#" style="color:white; text-decoration:none;">Devamı İçin Tıklayınız</a></td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="570"> <tbody> <tr> <td bgcolor="#d4d2d2" altura="4" ancho="100%"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="590"> <tbody> <tr> <td bgcolor="white" class="pleft" altura="30" estilo="acolchado-izquierda:20px; acolchado-top:10px; relleno-derecho:20px;" valign="bottom"> <table align="left" borde="0" celpadding="0" cellspacing="0" altura="25"> <tbody> <tr> <td style="color-fondo:#9eb3cd; tamaño-fuente: 12px; altura-línea: 16px; familia-fuente: Arial, Helvetica, sans-serif,Tahoma; color:#ffffff; volumen-de-fuente:normal; text-align:left; padding-left:10px; padding-right:10px;" valign="mindle" width="auto"><span style="color: #ffffff; peso-fuente: normal;">Deluxe</span></td> <td style="color-fondo:#9eb3cd;" valign="top"><img alt="triángulo" id="bg-tab-encabezado" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/red/triangle.png" estilo="display:bloque; max-width:30px; color-fondo:#9eb3cd;" width="30" /></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" bgcolor="white"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="550"> <tbody> <tr> <td bgcolor="#9eb3cd" altura="2" ancho="100%"></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" valign="top"><!--[if (gte mso 9)|(IE)]> <ancho de tabla="590" alineamiento="centro" relleno de celdas="0" espacio entre celdas="0" borde="0"> <tr> <td> <! [endif]--> <borde de la tabla="0" celpadding="0" celdaspacing="0" clase="contenedor" estilo="máximo-ancho: 590px;" ancho="590"> <tbody> <tr> <td bgcolor="#FFFFFF" style="text-align: center; font-size: 0;"><!--[if (gte mso 9)|(IE)]> <tablewidth="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="container" width="280"> <tbody> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"><img alt="Lütfen Resimleri Görüntüleyiniz" border="0" class="resim" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/blue/image3-280x247.jpg" width="265" /></td> </tr> <tr> <td align="center" bgcolor="white" height="40" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#9eb3cd; font-weight:bold;">Image Column</td> One </tr> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#7f7f7f; text-align:justify; padding-left:10px; padding-right:10px;">Kadın girişimciler, kadın işçiler, kadın patronlar, tüm kadınlar... Kız çocuklarımız, genç kızlarımız...</td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"> <table align="center" bgcolor="#9eb3cd" border="0" cellpadding="0" cellspacing="0" style="border-bottom:#5c718a solid 2px;" width="140"> <tbody> <tr> <td align="center" height="25" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; font-style:italic;" width="130"><a href="#" style="color:white; text-decoration:none;">Devamı İçin Tıklayınız</a></td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="container" width="280"> <tbody> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"><img alt="Lütfen Resimleri Görüntüleyiniz" border="0" class="resim" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/blue/image3-280x247.jpg" width="265" /></td> </tr> <tr> <td align="center" bgcolor="white" height="40" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#9eb3cd; font-weight:bold;">Image Column</td> One </tr> <tr> <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#7f7f7f; text-align:justify; padding-left:10px; padding-right:10px;">Kadın girişimciler, kadın işçiler, kadın patronlar, tüm kadınlar... Kız çocuklarımız, genç kızlarımız...</td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> <tr> <td align="center"> <table align="center" bgcolor="#9eb3cd" border="0" cellpadding="0" cellspacing="0" style="border-bottom:#5c718a solid 2px;" width="140"> <tbody> <tr> <td align="center" height="25" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; font-style:italic;" width="130"><a href="#" style="color:white; text-decoration:none;">Devamı İçin Tıklayınız</a></td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="blanco" altura="10"></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="570"> <tbody> <tr> <td bgcolor="#d4d2d2" altura="4" ancho="100%"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="590"> <tbody> <tr> <td align="center" valign="top"><!--[if (gte mso 9)|(IE)]> <ancho de tabla="590" alineamiento="centro" relleno de celdas="0" espacio entre celdas="0" borde="0"> <tr> <td> <! [endif]--> <borde de la tabla="0" celpadding="0" celdaspacing="0" clase="contenedor" estilo="máximo-ancho: 590px;" ancho="590"> <tbody> <tr> <td style="text-align: center; font-size: 0;"><!--[if (gte mso 9)|(IE)]> <tablewidth="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="275"> <tbody> <tr> <td height="15"></td> </tr> </tbody> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="275"> <tbody> <tr> <td class="yazi" style="font-size: 13px; altura-línea: 18px; font-family: Arial, Helvetica, sans-serif,Tahoma; color:#919191; font-weight:normal; text-align:left;" valign="top"><multiline>Nombre de la empresa: <span style="color: #919191; font-weight: normal;">1234 Street Stage Post 12345</span><br /> Mail Us: <span style="color: #9eb3cd; font-weight: normal;"><a href="#" style="text-decoration: none; color: #e5b05c; font-weight: normal;">[email protected]</a></span><br /> Llámanos: 001-1234-5678</multiline></td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> <td> <! [endif]--> <div align="center" class="container" style="width: 280px; display: inline-block; vertical-align: top;"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="container" width="275"> <tbody> <tr> <td height="15" valign="top"></td> </tr> <tr> <td align="center" valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width"> <tbody> <tr> <td align="center" height="50" id="clear-addding" valign="mindle"><a href="#"><img alt="icon-googleplus" borde="0" hspace="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/icon-googleplus.png" style="max-width:35px;" vspace="0" width="35" /> </a></td> <td align="center" height="50" id="clear-addding" style="addding-left:20px; " valign="mindle"><a href="#"><img alt="icon-facebook" borde="0" hspace="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/icon-facebook.png" style="max-width:35px;" vspace="0" width="35" /> </a></td> <td align="center" height="50" id="clear-addding" style="padding-left:20px; " valign="mindle"><a href="#"><img alt="icon-twitter" borde="0" hspace="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/icon-twitter.png" style="max-width:35px;" vspace="0" width="35" /> </a></td> <td align="center" height="50" id="clear-addding" style="padding-left:20px;" valign="mindle"><a href="#"><img alt="icon-youtube" borde="0" hspace="0" src="http://stock.setrow.com/sablon_kategori_resimleri/tf_5547484/gold/icon-youtube.png" style="max-width:35px;" vspace="0" width="35" /> </a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <! [endif]--></td> </tr> </tbody> </table> </td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="center" bgcolor="#0e2430" style="background-color:#0e2430; " valign="top"> <tabla bgcolor="#0e2430" borde="0" relleno de celdas="0" espacio/pasación="0" clase="contenedor" estilo="color-fondo:#0e2430; relleno-izquierda:20px; relleno-derecha:20px;" ancho="590"> <tbody> <tr> <td height="15"></td> </tr> <tr><!-- empezar a cancelar el contenido --> <td valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" class="text-center" style="font-size: 13px; line-height: 20px; font-family: Arial, Helvetica, sans-serif,Tahoma; color:#919191; font-weight:normal; text-align:center;"> <div class="text-center" style="text-align:center;"><multiline>Este correo se envió a <span style="color: #e5b05c; font-weight: bold;"><a href="#" style="text-decoration: none; color: #e5b05c; font-weight: normal;">[email protected].</a></span> Recibiste este correo porque estás registrado en <span style="color: #e5b05c; font-weight: bold;"><a href="#" style="text-decoration: none; color: #e5b05c; font-weight: normal;">yourdomain.com.</a></span> Respetamos tu privacidad. Puedes <span style="color: #e5b05c; font-weight: normal;"><a href="#" style="text-decoration: none; color: #e5b05c; font-weight: normal;"><unsubscribe style="text-decoration: none; color: #e5b05c; font-weight: normal;"> </unsubscribe></a></span>cancelar la suscripción de Actualizaciones importantes o gestionar la configuración de tu correo en <span style="color: #e5b05c; font-weight: bold;"><a href="#" style="text-decoration: none; color: #e5b05c; font-weight: normal;">yourdomain.com</a></span></multiline></div> </td> </tr> </tbody> </table> </td> <!-- fin de contenido de baja ---> </tr> <tr> <td height="15"></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" bgcolor="#161616" style="background-color:#161616; " valign="top"> <tabla bgcolor="#161616" borde="0" celpadding="0" celdaspacing="0" clase="contenedor" estilo="color-fondo:#161616; " ancho="580"> <tbody> <tr> <td height="10"></td> </tr> <tr><!-- empezar contenido COPY RIGHT --> <td style="font-size: 13px; line-height: 20px; font-family: Arial, Helvetica, sans-serif,Tahoma; color:#919191; font-weight:normal; text-align:center; " valign="top"><singleline>Tu empresa aquí, todos los derechos reservados 2017 © </singleline></td> <!-- fin del contenido COPYRIGHT --> </tr> <tr> <td height="10"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html>
¿Por qué el editor se comporta así? ¿Qué debería hacer?
Gracias por vuestra ayuda.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #428
Cambiar el fondo del cuerpo
Hola, Antes que nada, quiero daros las gracias por este proyecto increíble! Tengo algunas preguntas sobre el editor, y más concretamente so...
3 respuestasActualizado el 18 de septiembre de 2019
Issue #1113
[PREGUNTAS] ¿El nuevo tipo de rasgo no funciona con los componentes renderizados?
Hola, gracias por el excelente marco. Estoy intentando aplicar esto a mi proyecto. Quiero añadir un nuevo rasgo para el componente existent...
3 respuestasActualizado el 17 de septiembre de 2019
Issue #1210
[Pregunta] Reemplazar el icono de dispositivos ASP.net / Javascript
Bonjour, Quiero un icono de reemplazo para dispositivos seleccionados como en preset-webpage, pero no entiendo por qué este código no funci...
3 respuestasActualizado el 17 de septiembre de 2019
Issue #1404
addType en domcomponent para condicionales HTML genera una <div> visualización en
He seguido las instrucciones de los números #37, #787, #208, #1254 Los comentarios están en el HTML, sin embargo, se crea un elemento "\<di...
2 respuestasActualizado el 17 de septiembre de 2019
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Opción gratuita
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Opción premium
Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.