Estoy intentando escuchar el cambio en la propiedad 'float', ya sea que se haya desplazado a la 'izquierda', 'derecha' o 'ninguno' en el Style Manager usando un evento, pero mi código no parece dar el resultado deseado. Da 'style update null' como salida. La salida deseable sería float:right, float:left o float:none
prashant2018
Puedes usar el "modelo" pasado como parámetro para obtener la propiedad actual. Después de inspeccionar el objeto modelo, descubrí que podemos obtener el estilo usando model.attributes.style Deberías obtener el resultado deseado modificand...
prashant2018
@sakshigarg9 El enfoque que mencioné antes no funciona para algunos de los componentes, para ser más preciso, lo que observé es que la propiedad de estilo da cadena vacía en los componentes que tienen una clase definida. Tu enfoque de usar...
lock[bot]
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.
Hola, Hay un problema de "404" al arrastrar y soltar un mapa en el lienzo desde la última versión. El problema también está en tu demo. ¿Sabes cómo arreglar eso, por favor? ¡Gracias por la ayuda!
artf
Por ahora, añade esto '''js editor. DomComponents.addType('map', { model: { defaults: { src: '' } }}); ``` Lo arreglaré en la próxima versión
lock[bot]
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.
Hola, Intentando conseguir trabajo de GrapesJ para un proyecto en el que estoy trabajando actualmente. ¿Pero hay alguna forma de desactivar los componentes integrados que convierten 'div' y 'span' en componentes editables (o cambiar el isComponent para poder añadir una bandera de clase/datos)? Porque no quiero que tod...
simplecommerce
@JoeriAben lo has probado? https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype
artf
Crea un componente personalizado 'editable por texto' extendiendo el componente de 'texto'. Luego amplía el componente 'text' configurando 'editable' como 'false'. Ahora, en tu plantilla usa 'data-gjs-type="text-editable"'
lock[bot]
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.
¿Es posible cambiar el peso del borde al pasar el cursor al pasar el cursor? He buscado la clase ".gjs-hovered" en el archivo css pero no la encontré, también he probado usar setStyle "editor.setStyle('.gjs-hovered{outline:"4px solid #3b97e3 !important;"}');" pero aún así nada ha cambiado, gracias ! Screenshot_8
artf
No necesitas usar 'editor.setStyle' si necesitas personalizar la interfaz del editor, simplemente incluye este CSS después del de GrapesJS '''css .gjs-cv-canvas .gjs-highlighter { Ancho de contorno: 3px; } ```
lock[bot]
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.
Para simular el bug, sigue los pasos: Haz clic en un elemento del lienzo Haz clic en la pestaña para añadir clase Haz clic en el signo de más para añadir una nueva cadena de clase haz clic en otros elementos en lienzo Haz clic en la pestaña para añadir clase "El botón + está oculto" Sugerencia: reiniciar el comportami...
cgrio
Es un problema con CSS
lock[bot]
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.
Hola, ¿Cómo puedo usar grapesjs con React? No quiero usar el plugin; he hecho algunos cambios y quiero usar el editor con React y otras páginas. ¿cómo puedo hacerlo? ¡Muchas gracias!
simplecommerce
No estoy seguro de a qué te refieres con sin plugin. Pero si hablas solo de la instancia GrapesJS, solo tienes que inicializarla en 'componentDidMount'. Por ejemplo: En tu render En componentDidMount Algo así, normalmente debería funcionar.
artf
No hay nada que añadir más allá de lo que ya dijo @simplecommerce
lock[bot]
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.
Paso para producirArrastra el bloque de imagen al lienzo y selecciona fondo.Arrastrar el icono al lienzo.Haz clic en bloque de imagen y ve a la pestaña de estilo de fondo, haz clic en fondo y haz clic en el botón de imagen.Cuando se muestre modal, haz clic en cualquier imagen (no doble clic) y luego cierra modal.Ahora...
artf
Tienes razón, problema raro, lo revisaré más tarde. Voy a cerrarlo porque forma parte del producto Grapedrop y no del núcleo de Grapesjs, por cierto, gracias por el informe
lock[bot]
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.
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de WordPress y tengo una duda. Si en mi código uso un "shortcode" de WordPress, ¿cómo puedo previsualizar este shortcode en grapeJS dejando el código html sin cambios? ¡Muchas gracias
artf
No sé qué tipo de API permite WordPress para los shortcodes, pero si es posible, los renderizaría y los pondría dentro del editor como bloques
sandromattei
perdona, quizá me expliqué mal. Me gustaría insertar un shortcode en el código (por ejemplo, [mi shortcode param1 = valor1 parám� = valor2 /] y renderizar una salida html en su lugar (por ejemplo, <clase div = "param1" id = "param2">...
artf
Bueno, si necesitas hacer eso en tiempo de ejecución deberías crear un componente personalizado que en render haga una llamada asíncrona a Wordpress para pedir renderizar ese shortcode (de nuevo, no sé nada sobre la API de WP así que no es...
SO: Windows 10 x64 Navegador: Chrome 72.0.3626.121 x64 GrapesJS: v0.14.55 Hola, tengo algunos componentes personalizados (pestañas de arranque) en un plugin, por alguna razón algunos componentes del plugin no son detectados por GrapesJS al cargarlo desde los elementos del contenedor, y otros arrastrando y soltando en...
artf
Como ves, su tipo es 'div'... por eso nunca llega al otro tipo... Mira por qué y dónde se declara ese tipo
kaoz70
¡Vale, ese era el problema! Pensaba que el tipo 'div' era uno por defecto establecido por GrapesJS. ¡Gracias por toda la ayuda!
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un componente que contiene una función de script, parece que lo añade al lienzo antes de que se suelte. Y al dejarlo caer, añade otra vez, el guion. Si nunca sueltas el bloque y simplemente...
simplecommerce
Así que investigué y pensé que era el método 'updateScript' en la 'canvasView' el que se llamaba cada vez que se encontraba una propiedad 'script' en un componente, independientemente de si se arrastraba o no sobre el lienzo. Hice algunos...
simplecommerce
Mi solución anterior no funcionó, así que tuve que desecharlo y volví a abrir el problema.
artf
Hola @simplecommerce si crees que es un error, por favor abre un problema SIGUIENDO la plantilla y crea una demo en vivo reproducible del problema. Es muy importante porque, al no tener mucho tiempo libre, corremos el riesgo de perder gran...