[PREGUNTA] Hola, Tengo una pregunta respecto a la instalación de GrapesJS. Estoy alojando un vServer con control root completo, pero no tiene salida gráfica / Teamviewer no ha funcionado desde que lo intenté. ¿GrapesJS es un editor/sandbox basado en navegador o se ejecuta en el escritorio de la máquina? Esto significa...
jorisros
Navegador. Como puedes ver aquí https://grapesjs.com/demo.html Es una biblioteca de interfaz que puede implementarse dentro de un CMS. Véase el número #1798 para las implementaciones.
Hola, @artf He pillado un error con el RTE integrado:Se añadió un elemento de texto estándar para correo electrónico con una etiqueta roja estilo A en el interior:Habilitar RTE haciendo doble clic en el elemento spanDesactivar RTE desseleccionando elementoel enlace es azul ahora Añade "-2" al id del enlace cada vez qu...
Hola a todos, He creado un elemento gestor de bloques personalizado, pero cuando se edita, aplica el estilo a la clase, lo que significa que todos los mismos elementos también se ven afectados. Si establezco un estilo en línea al elemento, entonces aplica el estilo a la clase / ID personalizado. Sin estilo en línea: !...
adamwpe
@pouyamiralayi Mi error: lo he solucionado, todavía tenía algo de 'CssComposer.setRule' por ahí!!!!! (ya que tenía activada la depuración en mi PC de desarrollo) Eso fue añadiendo la clase .row. (Eso es embarazoso) Gracias por el consejo e...
pouyamiralayi
Hola @adamwpe aquí están los enfoques que bloquean a los selectores no deseados: comentario #1979 y comentario #404 ¡Salud!
pouyamiralayi
@adamwpe puedes confirmar que, desactivando el selector 'row': 'active:false'' en el evento ''add:selector'', sigues recibiendo el selector?
Cuando añado un atributo de imagen a la página, me doy cuenta de que dentro del componente la imagen tiene atributos propios. Cuando llamo mis imágenes al gestor de activos lo hago así: Sin embargo, la altura y el ancho no están disponibles cuando la imagen se añade al lienzo. He intentado conseguir las tallas haciend...
artf
@awaredigital probablemente la mejor solución sería seguir la sugerencia de escuchar los cambios 'src', luego encontrar el asset adecuado y actualizar los atributos en consecuencia '''js modelo: { init() { this.on('change:src', this.onSrcU...
pouyamiralayi
Hola @awaredigital revisa #2696 comment, que actualiza los estilos cada vez que cambia el ''src''. ¡Salud!
andy-aware
Hola @pouyamiralayi, gracias por la respuesta, pero no es eso lo que busco hacer. Quiero añadir altura y anchura al propio elemento de imagen. Por ejemplo, en este momento, la imagen aparece así: '<img src="http://placehold.it/350x250/459b...
Hola a todos, Más bien una pregunta general de si alguien ha conseguido que todo el lienzo (o de hecho el envoltorio) sea un elemento de Vue, es decir, que se pueda arrastrar un div personalizado como '<timer></timer>' y se renderice correctamente? He intentado esto, puse el envoltorio como el elemento Vue (el), y fun...
adamwpe
Gracias @noogen tu respuesta tan detallada. Sí, creo que tienes razón y quédate con componentes; no estoy muy seguro de si el ToHtml, si es la solución adecuada para mí o no, porque no quiero gestionar dos tipos de sistemas, renderizando c...
noogen
Mi respuesta es que lo mejor sea ceñirme a scripts personalizados. He hecho componentes personalizados usando la plantilla de Lodash aquí: https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2. Se espera una cad...
Al reemplazar una imagen a través del gestor de activos, tengo un requisito donde necesito introducir varios tamaños de imágenes para optimización responsiva. ¿Alguna orientación sobre cómo definir atributos o imagen srcSet?
abozhinov
Hola, sobrescribe el componente IMAGE. Añade escuchar en SRC y cuando se cambia genera el atributo srcset. Antes de eso, cuando subas la imagen, debería generarse una versión 1x y 2x.
pouyamiralayi
@lewishealey también tienes la opción de cambiar el comportamiento del gestor de activos; Consulta #2516 comentario ¡Salud!
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
¿Estás usando la última versión (las versiones anteriores NO están soportadas)? Sí, usando la última versión v0.16.3. ¿Qué pasó? Actualizado de WORKING v0.15.3 a v0.16.3. Además, he vuelto a verificar que esto FUNCIONA en la v0.15.10 Demo para reproducir el problema https://niiknow.github.io/grapesjs-components-farmer...
artf
@noogen podríais crear una demo reproducible en algo como jsfiddle? (sin tu preset/plugin, así que sé que el problema viene del núcleo)
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
HassanElZarkawy
Yo también tengo este problema. A mí me pasa cada vez que intento hacer la opción de canvas en init. ''' JavaScript const editor = grapesjs.init({ Indica dónde iniciar el editor en el editor. También puedes aprobar un HTMLElement Contenedo...
De antemano, muchas gracias por esta potente herramienta, quiero comentar que tengo una web con varias vistas HTML y accedo a cada una desde la barra de navegación, ¿puedo abrir varias pestañas del Constructor de Páginas Web para editar cada una de estas vistas por separado? Muchas gracias por su atención.
dilancastillo
Hola @pouyamiralayi, vuestra explicación es muy útil y os agradezco mucho el apoyo
pouyamiralayi
Hola @dilancastillo aquí está cómo implementar un escenario de varias páginas: comentario #1331 ¡Salud!