Busco una forma de añadir un grupo de bloques a un panel personalizado, hablo de bloques y no de botones porque tienen que ser "Arrastrar y soltar". ¿Qué posibilidades tengo?
artf
Hola @chiqui3d puedes indicar al editor cuándo añadir bloques al inicializar: '''js grapesjs.init({ ... blockManager: { appendTo: '#block-contenedor', } }) ``` y luego usando el método 'BlockManager.render' (consulta el ejemplo) para rende...
chiqui3d
Gracias @artf, pero sigo viendo que esto solo es válido para un panel, no veo la forma de tener dos paneles, uno para algunos bloques con sus categorías y otro para tener otros bloques con otras categorías. Esto hace imposible que tenga un...
chiqui3d
¿No hay alguna forma de tener dos paneles con bloques diferentes?
He añadido dos rasgos nuevos al gestor de rasgos para imágenes. Anchura y altura. Lo añadí como plugin siguiendo tu ejemplo. Funciona perfectamente y me permite editar los atributos de la imagen por ancho y altura. El problema es que ahora el gestor de activos ya no funciona. Si desactivo mis cambios, el gestor de act...
arthuralmeidap
Intenta sobreescribir desde el tipo 'imagen' en vez del tipo 'por defecto'
artf
Como ya mencionó @arthuralmeidap tienes que ampliar el componente de 'imagen'. Así que en tu caso (usando la última versión de grapesjs) podría ser simplemente: '''js editor. DomComponents.addType('image', { modelo: { Predeterminados: { Ra...
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.
Cuando añado un enlace desde RTE, no se selecciona como componente de enlace, tengo que deseleccionar el componente padre que es el TEXTO y seleccionar de nuevo, ¿porque esto no lo hace directamente? Pensaba que la ventaja de RTE era que, si añadía un componente de RTE, se mostraban las opciones TRAIT de ese component...
chiqui3d
No sé si es la forma correcta, pero lo he conseguido así: '''js const rte = editor. RichTextEditor; rte.remove('enlace'); rte.add('link', { icono: '<i class="fa fa-link"></i>', atributos: { título: 'Enlace', }, Resultado: RTE => { ancla co...
artf
pensaba que la ventaja de RTE era que si añadía un componente de RTE, se mostraban las opciones TRAIT de ese componente. No es que tenga que salir del TEXTO otra vez :( Tienes razón @chiqui3d pero cuando editas, el texto HTML queda "plano"...
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.
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 ejemplo. También me está pasando este problema con mis uvas locales. Curiosamente, si intentas arrastrar el elemento pero no moverlo a ningún sitio, entonces te deja quitarlo. Usando Ch...
artf
Hola @adamlc este está relacionado con el #1699
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.
Estoy pensando en añadir varias páginas con cabecera y pie de página Actualmente tengo una idea sobre cómo implementar la página múltiple, pero no sé cómo implementar cabecera y pie de página. Con los métodos actuales de API, parece que no hay solución alternativa para esto Por favor, ayudad a resolver este problema,...
froderf
El encabezado y el pie de página deben ser iguales en todas las páginas
artf
Tienes que usar Componentes Personalizados Ejemplo https://jsfiddle.net/5vcc3en6/
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.
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错Lienzo móvilHaz clic en layerManager (Si no haces clic en layerManager, no fallará.) 3、 La posición de la caja de puntas de la imagen es incorrecta. ! uvas-issues
artf
Gracias por el informe@fulus06 ¿puedes proporcionar una demo reproducible de https://jsfiddle.net/, por favor?
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! Proyecto increíble y gracias por tu aportación. Me gustaría saber si es posible cambiar el estilo de un componente hijo a través del gestor de estilos de su padre. Por ejemplo, tengo un bloque de componentes. El componente padre contiene todos los demás componentes. Al hacer clic en el componente padre y ir al...
artf
Puede ser un poco complicado, pero sí, puedes hacerlo. Seguro que tienes que crear un Component personalizado y dentro de su método init (modelo) colocarías a los oyentes en rasgos/estilos. Luego, dentro del método de callback del oyente,...
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 reproducir: En una instalación limpia de GrapesJS, dentro de la página de demo (dentro de index.html), añade un oyente de eventos así: 'editor.on('component:styleUpdate:width', (model) => { console.log(modelo); });Problema: Al cambiar el valor de 'ancho' de cualquier elemento, la variable 'modelo' se imprimirá va...
khbhr
Hola, Tengo el mismo problema y, como aún no está resuelto, sería una solución usar la técnica de rebote. Consulta este ejemplo.
ajumell
Hola, También encontré este problema. El evento se está activando, incluso sin cambiar el ancho, añadí el siguiente código a la página html y el registro se genera varias veces. 'editor.on('component:styleUpdate:width', (model) => { consol...
artf
Creo que la solución ya está disponible en la rama de desarrollo (así que lista para la próxima versión). https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 Veo v...
Estoy intentando integrar GrapesJs en reactJs. ¿Podrías ayudarme con la siguiente pregunta sobre GrapesJs-React? • ¿Hay alguna forma de encontrar el enlace de imágenes que se usa dentro del editor? Ejemplo: cuando arrastro y suelto una imagen dentro del editor grapesjs, crea una etiqueta de imagen con la ruta de image...
maryia-kabash
Hola @hemanthmc Puedo sugerir suscribirte al evento 'sorter:drag:end' y pasar un método React como callback. En el método comprueba si la imagen está descartada y guarda su src en estado React o haz lo que sea necesario. Un ejemplo más det...
hemanthmc
Gracias por tu sugerencia, @maryia-kabash
artf
'''js editor.getWrapper() // Obtén el componente del wrapper .find('img') // Encuentra todos los componentes internos mediante una cadena de consulta .map(comp => comp.getAttributes()['src']) // map componentes encontrados ``` API de compo...
! captura Tengo esta barra de herramientas RTE donde puedes escribir y hacer clic en 'guardar' y va a crear un enlace para el texto seleccionado. Pero el problema es que el valor del campo de entrada debería ser dinámico en función del texto seleccionado. Si el texto seleccionado tiene href y el campo de entrada deber...
SeongwoonHong
@artf GUAU ¡Me salvas la vida! ¡Gracias! No tengo ni idea de cuántas horas tengo que resolver esto yo solo... ¡Gracias, gracias! ¡Ahora funciona.....!
artf
'rte.selection()' devuelve el objeto Selection que puedes usar para detectar el nodo apuntado (del cual puedes obtener todos los atributos que necesitas)
SeongwoonHong
@artf ¿Podrías darme un ejemplo de cómo lo haci, por favor? He probado muchas cosas pero no he encontrado la forma de conseguir ningún atributo usando rte.selection().... Lo aprecié mucho, Artur.