No se puede leer la propiedad '_cash(algunos números aleatorios)' de indefinida en la demo del boletín.
La exportación de la demo no está pensada para ser importable... En tu caso, el estilo '#wrapper{' rompe cosas, el RTE no funciona debido al código de exportación optimizado
Lee la respuesta completa abajo ↓Pregunta
Estoy teniendo algunos problemas cuando cargo algunas plantillas y las modifico. Y parece que la demo del boletín Grapesjs también está teniendo este problema. Tengo un par de plantillas y si copio y pego en la demo del boletín e intento modificarla desde ahí, me da este mensaje de error 'No se puede leer la propiedad '_cash(algunos números aleatorios)' de indefinido.'
Para reproducir este error, por favor siga los pasos anteriores.
- Ir a la página de demostración del boletín
- Copia el código HTML y CSS que he adjuntado abajo y pégalo usando el botón de importar plantilla en la parte superior.
- intentar modificar el contenido
- Error ya está en consola y el editor de texto enriquecido integrado no funciona
*html y css (antes usé la demo del boletín para crear esta plantilla)
<div class="c5187 c10425 c11631 c12771 c13911 c15432 c16693 c17833 c7695 c9753 c11628 c15128 c17303 c19266 c20351 c22245 c2665 c7743">
<span id="ij0cfd" clase="c2121"><span id="iqbvdp" clase="c2129"></span></span>
</div>
<table width="700" height="150" class="c7027 c10461 c11667 c12807 c13947 c15468 c16729 c17869 c7739 c9789 c11655 c15155 c17330 c19293 c20378 c270 c2708 c7789">
<tbody id="ideaol" class="c2182">
<tr id="ist1v5" class="c2190">
<td id="i7qa4q" valign="top" class="c11679 c15179 c20402">
<table width="100%" height="80" id="imwflb" class="c4761 c2206">
<tbody id="isc0lf" class="c2215">
<tr id="il42si" clase="c2223">
<td id="izl6jn" width="30%" valign="top" class="c2231">
</td>
<td id="inrsdi" width="70%" valign="top" class="c2260">
<id/div=i05wh9"class="c2268">
<span id="iva93s" clase="c2276"><span id="if0jvl" clase="c2284"><span id="iaxop7" clase="c2292"><strong id="ia84v9" clase="c2300">Titre</strong><br id="i0tyq2" clase="c2309"/></span></span></span>
<br id="ik512w" class="c2357"/>
<br id="ilqx68" clase="c2393"/>
</div>
</td>
</tr>
</tbody>
</table>
<img src="https://preview.ibb.co/hm6dbV/banner1.jpg" ancho="681" altura="315" id="ic72ql" clase="c3935"/>
<div id="iswiij" class="c3990">
<p id="i946vc">
<b id="ixn3rc">Travaux printaniers - Le temps doux s'installe tranquillement sur le Québec. ¡Quel bonheur!
</b>
<br id="iu334c"/>
<br id="iusawx"/>
<span id="ibhejz"><span id="imtnhl">Le moment est donc venu pour les propriétaires d'entreprendre quelques travaux d'entretien pour que leur maison soit resplendissante. Voici quelques trucs printaniers de la parte de l'équipe de Multi-Prêts.</span></span>
<span id="ij0hw9"><span id="ik183q"></span></span>
</p>
</div>
<table width="100%" height="150" id="iqpg3p" class="c4524">
<tbody id="ig3mw3">
<tr id="io7i04">
<td id="i1qt65" width="50%" valign="top" bgcolor="#ffffff" class="c2528">
<img src="https://preview.ibb.co/bwctdL/banner2.jpg" ancho="335" altura="172" id="iz7mg6" clase="c4030"/>
<div id="impb96" class="c4706">
<span id="i1r8hr"><span id="inbl0f"><span id="is2595">À L'EXTÉRIEUR</span></span></span>
</div>
</td>
<td id="ikfmhs" width="50%" valign="top" bgcolor="#ffffff" class="c2537">
<img src="https://preview.ibb.co/hCYrXf/banner3.jpg" ancho="331" altura="173" id="iqbq41" clase="c3604"/>
<div id="iwlkz4" class="c5150">
<span id="i85r5l"><span id="i7llvk"><span id="i1asi9">À L'INTÉRIEUR</span></span></span>
</div>
</td>
</tr>
</tbody>
</table>
<table width="100%" height="150" id="ieqg7l" class="c4524">
<tbody id="ii3mtv">
<tr id="iayw1f">
<td width="50%" valign="top" bgcolor="#ffffff" id="iztig2" class="c2528">
<div id="i7el2h" clase="c4402">
<p id="iy44dd">
<span id="iwncna"><span id="in64v8">1. Débarrassez-vous des arbustes pourris.</span></span>
</p>
<p id="iq0zmi">
<span id="iw728j"><span id="i7qxxp">2. Enlevez les branches endommagées des arbres et des arbustes.</span></span>
</p>
<p id="ilzawb">
<span id="i6uq3p"><span id="ifxaz6">3. Attendez que la surface du sol soit bien asséchée avant de déchaumer et d'épandre du compost. Aux endroits où la pelouse est morte, semez rapidement pour éviter que s'installent les herbes indésirables.</span></span>
</p>
<p id="irqpc1">
<span id="iw8ikf"><span id="i75089">4. Aiguisez vos ciseaux et gonflez le pneu de la brouette.</span></span>
</p>
</div>
</td>
<td width="50%" valign="top" bgcolor="#ffffff" id="iq7egt" class="c2537">
<div id="i5u5xq" clase="c8488">
<p id="im4xev">
<span id="iz87ct"><span id="icep3g">1. Dès que le temps le permet, ouvrez les fenêtres, sortez les pinceaux et commencez à peinturer à l'intérieur.</span></span>
</p>
<p id="iyj6aj">
<span id="i5zw3n"><span id="ie6oum">2. Balayez derrière et sous la sécheuse, puis nettoyez la trappe et l'évent.</span></span>
</p>
<p id="ip5owg">
<span id="id57j6"><span id="iqvzw5">3. Faites de la place pour stocker l'équipement et les vêtements d'hiver en profitant des espaces dans les greniers, les vides sanitaires, les placards et le garage.</span></span>
</p>
<p id="idpy0f">
<span id="iekskx"><span id="i42sdm">4. Nettoyez votre cafetière avec du vinaigre ou une solution de décalaminage vendu dans les quincailleries.</span></span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<clase de la tabla="tabla c10981 c12216 c13356 c14496 c16017 c17278 c18418 c8305 c10374 c12240 c15630 c17857 c19847 c20923 c22781 c3197 c8506">
<tbody id="il66cj" clase="c2625">
<tr id="imi5va" clase="c2633">
</tr>
</tbody>
</table>
<style>* {
Tamaño de caja: caja de borde;
}
cuerpo {
marje: 0;
}
#wrapper{
Ancho máximo: 700px;
margen-top:0px;
margen-derecha:auto;
margen-bottom:0px;
margen-izquierda:auto;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
}
p{
margen-bloque-inicio:0px;
margen-bloque-extremo:0px;
}
.email-signature-top > div{
font-weight:bold;
opacidad:9;
}
.email-signature-center .image{
ancho:100px;
Altura: 100px;
pantalla: bloque en línea;
alineación vertical:arriba;
}
.email-signature-center .profile{
pantalla: bloque en línea;
margen-izquierda:15px;
}
.email-signature-center .image img{
ancho:100%;
altura: 100%;
radio de borde superior izquierdo: 50%;
radio de borde superior derecho: 50%;
radio de borde: 50%;
radio de borde inferior izquierdo: 50%;
}
.perfil .name{
font-weight:bold;
color: RGB (255, 255, 255);
}
.perfil .title{
color: RGB (255, 255, 255);
margen inferior:10px;
}
.redes sociales .icon{
margen-derecha:25px;
ancho:25px;
Altura: 25px;
}
.email-signature-top p, .email-signature-center p{
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
font-size:unset;
}
*{
tamaño de caja: caja de borde;
}
body{
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
}
#ij0cfd{
tamaño de caja: caja de borde;
color: RGB (153, 153, 153);
}
#iqbvdp{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
}
#ideaol{
tamaño de caja: caja de borde;
}
#ist1v5{
tamaño de caja: caja de borde;
}
#i7qa4q{
tamaño de caja: caja de borde;
tamaño de fuente:18px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (74, 74, 74);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
Acolchado a la derecha: 15px;
Acolchonado-Inferior:0px;
relleno-izquierda: 15px;
}
#imwflb{
tamaño de caja: caja de borde;
Altura: 80px;
margen-top:0px;
margen-derecha:auto;
margen-bottom:5px;
margen-izquierda:auto;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:100%;
}
#isc0lf{
tamaño de caja: caja de borde;
}
#il42si{
tamaño de caja: caja de borde;
color: RGB (0, 113, 102);
}
#izl6jn{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:30%;
}
#irpt46{
tamaño de caja: caja de borde;
color: negro;
ancho: 194px;
Altura: 78px;
}
#inrsdi{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:70%;
}
#i05wh9{
tamaño de caja: caja de borde;
color: RGB (0, 113, 102);
Acolchado: 7px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
}
#iva93s{
tamaño de caja: caja de borde;
tamaño-fuente:20px;
}
#if0jvl{
tamaño de caja: caja de borde;
color: RGB (44, 62, 80);
}
#iaxop7{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#ia84v9{
tamaño de caja: caja de borde;
color: RGB (0, 113, 102);
}
#i0tyq2{
tamaño de caja: caja de borde;
}
#ik512w{
tamaño de caja: caja de borde;
}
#ik6imf{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#ibgeqo{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
color: RGB (0, 113, 102);
}
#ilqx68{
tamaño de caja: caja de borde;
}
#ic72ql{
tamaño de caja: caja de borde;
color: negro;
ancho:681px;
Altura: 315 px;
}
#iswiij{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 30px;
familia de fuentes: Arial, Helvetica, sans-serif;
tamaño-fuente:25px;
color de fondo: RGB (255, 255, 255);
borde-ancho-máximo:0px;
ancho-de-borde:0px;
borde-bottom-ancho:0px;
borde-izquierda-ancho:0px;
Estilo de borde superior: sólido;
estilo borde derecho: sólido;
estilo de borde-fondo: sólido;
estilo borde-izquierda: sólido;
borde de color superior: RGB (255, 255, 255);
color de borde derecho: RGB (255, 255, 255);
color de borde inferior: RGB (255, 255, 255);
color de borde: RGB (255, 255, 255);
imagen-frontera-fuente:inicial;
corte-imagen-borde:inicial;
ancho-imagen-borde:inicial;
conjunto-imagen-borde:inicial;
Repetición-imagen-borde:inicial;
Radio de borde superior izquierdo: 0px;
Radio de borde superior derecho:0px;
radio de borde inferior derecho: 0px;
radio de borde: 0px;
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
text-align:center;
color: RGB(0, 169, 24);
}
#i946vc{
tamaño de caja: caja de borde;
}
#ixn3rc{
tamaño de caja: caja de borde;
}
#iu334c{
tamaño de caja: caja de borde;
}
#iusawx{
tamaño de caja: caja de borde;
}
#ibhejz{
tamaño de caja: caja de borde;
color: RGB(127, 140, 141);
}
#imtnhl{
tamaño de caja: caja de borde;
tamaño de fuente:18px;
}
#ij0hw9{
tamaño de caja: caja de borde;
color: RGB(127, 140, 141);
}
#ik183q{
tamaño de caja: caja de borde;
tamaño de fuente:18px;
}
#iqpg3p{
tamaño de caja: caja de borde;
Altura: 150px;
margen-top:0px;
margen-derecha:auto;
margen inferior:10px;
margen-izquierda:auto;
Acolchado: 5px;
relleno-derecha: 5px;
relleno-abajo: 5px;
relleno-izquierda: 5px;
ancho:100%;
}
#ig3mw3{
tamaño de caja: caja de borde;
}
#io7i04{
tamaño de caja: caja de borde;
}
#i1qt65{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:50%;
color de fondo: RGB (255, 255, 255);
}
#iz7mg6{
tamaño de caja: caja de borde;
color: negro;
ancho: 335px;
Altura: 172px;
}
#impb96{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
color de fondo: RGB (132, 188, 52);
colapso de frontera: separado;
radio de borde superior izquierdo: 2px;
Radio de borde superior derecho:0px;
radio de borde inferior derecho: 0px;
radio de borde: 0px;
text-align:center;
}
#i1r8hr{
tamaño de caja: caja de borde;
color: RGB (255, 255, 255);
}
#inbl0f{
tamaño de caja: caja de borde;
tamaño-fuente:20px;
}
#is2595{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#ikfmhs{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:50%;
color de fondo: RGB (255, 255, 255);
}
#iqbq41{
tamaño de caja: caja de borde;
color: negro;
ancho:331px;
altura: 173 px;
}
#iwlkz4{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
color de fondo: RGB (52, 85, 117);
text-align:center;
}
#i85r5l{
tamaño de caja: caja de borde;
color: RGB (255, 255, 255);
}
#i7llvk{
tamaño de caja: caja de borde;
tamaño-fuente:20px;
}
#i1asi9{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#ieqg7l{
tamaño de caja: caja de borde;
Altura: 150px;
margen-top:0px;
margen-derecha:auto;
margen inferior:10px;
margen-izquierda:auto;
Acolchado: 5px;
relleno-derecha: 5px;
relleno-abajo: 5px;
relleno-izquierda: 5px;
ancho:100%;
}
#ii3mtv{
tamaño de caja: caja de borde;
}
#iayw1f{
tamaño de caja: caja de borde;
}
#iztig2{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:50%;
color de fondo: RGB (255, 255, 255);
}
#i7el2h{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
color de fondo: RGB (255, 255, 255);
}
#iy44dd{
tamaño de caja: caja de borde;
}
#iwncna{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#in64v8{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#iq0zmi{
tamaño de caja: caja de borde;
}
#iw728j{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#i7qxxp{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#ilzawb{
tamaño de caja: caja de borde;
}
#i6uq3p{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#ifxaz6{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#irqpc1{
tamaño de caja: caja de borde;
}
#iw8ikf{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#i75089{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#iq7egt{
tamaño de caja: caja de borde;
tamaño-fuente:12px;
peso-fuente: 300;
alineación vertical:arriba;
color: RGB (111, 119, 125);
margen-top:0px;
margen-derecha:0px;
margen-bottom:0px;
margen-izquierda:0px;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:50%;
color de fondo: RGB (255, 255, 255);
}
#i5u5xq{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
}
#im4xev{
tamaño de caja: caja de borde;
}
#iz87ct{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#icep3g{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#iyj6aj{
tamaño de caja: caja de borde;
}
#i5zw3n{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#ie6oum{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#ip5owg{
tamaño de caja: caja de borde;
}
#id57j6{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#iqvzw5{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#idpy0f{
tamaño de caja: caja de borde;
}
#iekskx{
tamaño de caja: caja de borde;
tamaño-fuente:14px;
}
#i42sdm{
tamaño de caja: caja de borde;
familia de fuentes: Arial, Helvetica, sans-serif;
}
#il66cj{
tamaño de caja: caja de borde;
}
#imi5va{
tamaño de caja: caja de borde;
}
.email-signaure-top img{
ancho:100%;
altura: 100%;
radio de borde superior izquierdo: 50%;
radio de borde superior derecho: 50%;
radio de borde: 50%;
radio de borde inferior izquierdo: 50%;
}
.email-signaure-top .name{
font-weight:bold;
}
.email-signaure-top .email{
margen arriba: 10px;
}
.c7743{
tamaño de caja: caja de borde;
Acolchado: 10px;
relleno-derecha: 10px;
relleno-abajo: 10px;
relleno-izquierda: 10px;
texto-decoración-línea: subrayado;
estilo-decoración de texto:inicial;
texto-decoración-color:inicial;
text-align:right;
}
.c7789{
tamaño de caja: caja de borde;
Altura: 150px;
margen-top:0px;
margen-derecha:auto;
margen inferior:10px;
margen-izquierda:auto;
Tapa de relleno: 0px;
relleno-derecha:0px;
Acolchonado-Inferior:0px;
relleno-izquierda:0px;
ancho:700px;
color: RGB (255, 255, 255);
}
.c8506{
tamaño de caja: caja de borde;
}
</style>
Respuestas (2)
La exportación de la demo no está pensada para ser importable... En tu caso, el estilo '#wrapper{' rompe cosas, el RTE no funciona debido al código de exportación optimizado
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #673
¿Cómo renderizar el Gestor de bloques fuera del contenedor?
Soy nuevo en esta gran biblioteca y parece muy ordenada y limpia, PERO aquí está el problema que tengo. Estoy teniendo GJS renderizado en e...
Issue #1713
Eliminando elementos - Demo del boletín
En el boletín ciertos elementos no pueden eliminarse. Prueba a quitar el botón "Libre y de código abierto" o el logo de las uvas, por ejemp...
Issue #1298
[Bug] El editor interno no elimina un componente al seleccionarse desde el Administrador de Capas
Estoy usando la última versión de Grapejs y actualmente puedo recrear este número en la demo. El problema que tengo es cuando selecciono al...
Issue #2014
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
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...
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 →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.