Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los scripts dentro del editor. Encontré dos problemas similares con este problema: https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesjs/issues/2814. Así que e...
RJCAM
Hola @kuhelbeher yo también sigo intentando conseguirlo, pero aquí va un consejo que puede ayudarnos a conseguirlo. Publicaré aquí si encuentro la manera. Consulta este número #2772
kuhelbeher
@RJCAM gracias por el consejo, lo probé, pero el problema con este enfoque es que desactiva el script para componente, no toda la plantilla.
artf
Una vez que el editor y sus componentes están cargados, es difícil pensar en desactivar JS; piensa en un componente con scripts personalizados que vincule eventos alrededor del DOM (quizá incluso usando algún plugin externo). La única form...
Cuando la barra de herramientas de ckeditor/richtext está abierta. Ratón flotando sobre elementos, línea límite superpuesta en la barra de herramientas. fronteras solapadas.
adamwpe
¿Puedes dar un ejemplo? Idealmente usando https://jsfiddle.net/szLp8h4n
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
sanjaysamcom
¿Cómo resolver un problema de solapamiento arrastrando y soltando de una sección a otra?
No sé por qué, Pero de repente, cuando empiezo a arrastrar componentes a un lienzo, me sale esto: ! imagen Esto parece ocurrir cuando edito una plantilla, la guardo y la vuelvo a cargar. También parece ocurrir cuando intento arrastrar un nuevo componente al ÚLTIMO elemento de la página; si intento arrastrar un element...
andrewryan1906
Aquí va otra pista... una vez que el lienzo "se rompe" (lo cual puedo hacer de forma fiable actualizando la página y forzando una carga... este comportamiento no ocurre en plantillas nuevas, solo cuando la plantilla se carga desde mi almac...
andrewryan1906
Vale, Conseguí incluir grapes.js en mi proyecto de Angular y consultarlo en lugar de la versión miniaturizada, para poder entender mejor lo que está pasando. El problema parece estar en Sorter.js. El método findPosition tiene la tarea de a...
Fiddle replicando el problema: https://jsfiddle.net/gd8mo3e4/1/ Tengo un componente personalizado para crear una galería de documentos pdf. Hay un gestor de activos personalizado que se abre cuando el bloque se coloca en el editor, para permitirte elegir el pdf que luego cambia la miniatura. El problema que tengo es q...
smik3
La miniatura/imagen que pone en el editor debería escalarse para ajustarse al contenedor. Lo veo en tamaño original en la primera carga, todos los bloques posteriores encajan correctamente en la columna en la que se insertan. Si miras el c...
smik3
Un par de capturas de pantalla que demuestran el comportamiento que estoy viendo... <img width="1021" alt="Captura de pantalla 2019-11-06 at 11 32 16" src="https://user-images.githubusercontent.com/19346508/68294968-394ba600-0089-11ea-941a...
artf
supongo que esto está relacionado con este y probablemente con este @artf Mmm, no realmente Cambiar 'modelThumbElement.setAttributes({"data-gallery":nombrefile});' para usar 'addAttributes' parece solucionarlo, pero no estoy seguro de qué...
Hola, Estoy intentando eliminar algunos de los estilos predeterminados de los bloques. Escribí todo lo que cambié en un plugin. Utilicé esta función para actualizar, por ejemplo, los valores por defecto de estilo de Componentes de Texto: 'Editor. DomComponents.addType(.....)` Visto aquí: https://grapesjs.com/docs/modu...
pouyamiralayi
¡Hola! ¿has probado a usar setStyle? Salud.
artf
Esperaría que algo así funcionara (actualizar 'style-default') '''js editor. DomComponents.addType('mj-text', { modelo: { Predeterminados: { 'estilo-predeterminado': { tus nuevos estilos... } } } }) ``` Asegúrate de cargar tu plugin despué...
navewi
Hola @artf, gracias por tu respuesta. Este es exactamente el mismo código que probé. Este funciona si uso "style" en vez de "style-default".
Comportamiento Uso un código Javascript externo que reemplaza dinámicamente algunos elementos SVG según sus atributos. El código Javascript primero comprueba el tipo del elemento a validar, que es un SVGElement así: 'document.querySelector('#someId') instancia de SVGElement' El código devuelve Verdadero en Firefox per...
artf
El código devuelve Verdadero en Firefox pero Falso en Safari y Chrome, aunque puedo verificar en la pestaña de Propiedades de Chrome, que efectivamente es de tipo SVGElement. Raro, parece un problema con cromo...
Hola, Añado STATE en el gestor de estilos :before y :after pero todos los estilos se aplican al componente.
artf
¿Te refieres durante la edición? ¿Ves que es bueno si desseleccionas el componente?
abozhinov
Sí, durante la edición. Mi idea era implementar los pseudoelementos. Cuando seleccionas componente para seleccionar estado como pasar el cursor, pero para ser :after o :before. El problema es que necesito establecer contenido: '' en la reg...
artf
Vale, pero ¿es correcto una vez que desseleccionas el componente?
Hola. Hay algunos iconos PNG en la aplicación:flex-just-start.pngflex-al-end.pngflex-just-sp-bet.pngflex-dir-col.pngflex-just-sp-ar.pngflex-al-start.pngflex-dir-row.pngflex-just-end.pngflex-just-sp-cent.pngflex-dir-col-rev.pngflex-al-str.pngflex-al-center.pngflex-dir-row-rev.png He creado lo mismo pero en formato SVG....
artf
Vaya, muchas gracias@vegadesign lo agradezco mucho. De hecho, solo usamos esas para la demo (rama gh-pages), aquí: https://github.com/artf/grapesjs/blob/be39c6baf55f4e644b6bc8bbdd71ead71723dd6b/demo.html#L53-L91 Intentaré reemplazarlos tan...
¡Hola! Quiero integrar un componente personalizado con GrapesJS, usando Angular CLI 7, pero no se renderiza. Mi componente está construido sobre otro componente de código abierto. Cuando quiero incluirlo en cualquier proyecto de Angular, simplemente importaría las dependencias/bibliotecas en los archivos typescript y...
artf
Vale, pero ¿qué harás con la salida (componentes Angular) del editor? Quiero decir, ¿cómo lo vas a usar al final? En fin, veo dos enfoques diferentes para este tipo de situación:Crear un render personalizado para cada componente (exactamen...
artf
@adelliinaa empecemos con una pregunta sencilla porque no entiendo, ¿qué tipo de editor intentas crear? Un constructor para componentes angulares?!?
adelliinaa
Quiero crear un constructor de formularios similar al que creaste con los componentes de MJML, pero usando la CLI Angular en lugar de JS. Y sí, los componentes personalizados que quiero integrar en GrapesJS también están construidos en Ang...
debería haber una función para cambiar la barra de herramientas de derecha a izquierdaNo encuentro ninguna opción para añadir una propiedad como acción en caso de formulario, nombre en caso de elemento de formulario o acción al hacer clic (si es posible)