Soy nuevo con Grapejs. La primera vez que lo uso, queda genial. Entonces, ¿cómo puedo reemplazar cdn fontawesome por un archivo css/js de mi propio ordenador sin necesidad de usar internet? Vivo en un país donde el internet es un gran problema para mí para usar algo. Perdón por mi inglés.
noogen
@adeguntoro Mira esto: https://github.com/artf/grapesjs/blob/8b315e4ba053043889456fcc4048c4f504257551/src/editor/config/config.js#L152 ¿Pasar tu configuración con la propiedad 'cssIcons' de '/localpath/css/font-awesome.min.css' para sobres...
¡Hola! Estoy intentando añadir un tipo de componente personalizado: '''javascript domc.addType('image-block', { extender: 'celda', modelo: { valores predeterminados: función () { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'td', nulo: falso, Droppable: Cierto } } }, isComponent (el) {...
artf
@kuhelbeher tu código es correcto (excepto 'extend: 'cell'' y no 'extendes: 'cell'), desafortunadamente, hay un bug (o una lógica defectuosa) aplicada en el componente de fila, así que, por ahora, sugeriría añadir esto como un parche: '''j...
noogen
@kuhelbeher porque tu componente es una 'tabla' según la definición de contenido de arriba y no un 'td' como se define en tu addType de la propiedad 'TagName'?
kuhelbeher
@noogen no creo que el problema esté en esto. Intenté definir componente y bloque así: '''javascript domc.addType('custom-cell', { extiende: 'célula', modelo: { Predeterminados: { removible: falso, nombre: 'Celda personalizada', Tipo: 'cél...
Hola, estoy intentando crear un bloque con imagen de fondo (similar a Grapedrop Image Box). He añadido un componente nuevo así: '''javascript domc.addType('image-block', { extiende: 'imagen', modelo: { predeterminados: función() { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'div', nul...
kuhelbeher
@noogen Gracias por el consejo, lo implementé así: '''javascript const domc = editor. DomComponents domc.addType('image-block', { extender: 'por defecto', modelo: { valores predeterminados: función () { return { nombre: 'Imagen de fondo',...
noogen
@kuhelbeher porque, en última instancia, sigue siendo una imagen. No es para usar/anular como quieres porque en el código del back-end (mira tanto el modelo de componentes de imagen como la vista) https://github.com/artf/grapesjs/blob/dev/...
¡Una vez más, gracias por todo el esfuerzo en el proyecto! Esto es reproducible en la versión actual 0.16.3; puedes verlo en la demo del boletín: https://grapesjs.com/demo-newsletter-editor.html Normalmente el RTE aparece por encima del elemento, así que esto no es un problema. Sin embargo, cuando un elemento habilita...
khurram900
@mazuschlag si usas ckeditor puedes probar este parche. Recalculará y reposicionará el editor de CKs en la posición correcta. 'CKEDITOR.on('instanceReady', función (e) {' 'editor. RichTextEditor.updatePosition();' });
artf
Las herramientas de Canvas deberían actualizarse con el evento de 'entrada' del componente de texto; en la versión actual hay un problema incluso con el RTE integrado, pero se solucionará en la próxima versión. De alguna manera, este probl...
mazuschlag
@artf Gracias por la respuesta, pero estoy un poco confundido. Esto está ocurriendo con el plugin CKEditor, ¿quieres decir que la solución será separada de la solución al CKEditor integrado? No me importaría arreglarlo, pero ¿tienes algún...
¡Antes que nada, gracias por todo tu esfuerzo en el proyecto! Este es un proyecto muy bueno del que depende mucha gente, así que gracias por tu esfuerzo. Esto es raro, pero la idea básica es que mover el ratón rápidamente al hacer clic en un elemento puede hacer que el creador se quede congelado. Esto no siempre es un...
artf
Hola @mazuschlag y gracias por tus amables palabras. Sobre el problema, ¿podrías explicar mejor el comportamiento de 'hacer clic y mover'? ¿Debería seleccionar un componente y mover solo el ratón? Hubo un problema al mover componentes que...
mazuschlag
Hmm, eso sí que suena un poco al problema que estaba experimentando. Esto implica mantener pulsado el clic izquierdo del ratón mientras arrastras rápidamente un componente antes de soltarlo. Esto ocurre cuando trabajas rápido: haces clic e...
artf
@mazuschlag entonces, ¿usas una versión antigua o la última de uvas? No puedo reproducirlo en la última versión
He integrado la opción de edición de código en el Web Builder.Usar 'editor.getHtml()' para obtener el contenido HTML actual y poblarlo en el editor de códigoMientras guardo el código desde el editor de código, uso 'editor.setComponents()' para establecer el contenido editado en el lienzo del constructor. ProblemasAl g...
pouyamiralayi
@jenter comentario #1331 y comentario #2644 son buenos ejemplos. También echa un vistazo a comentario #2664, ¡que es un escollo que hay que evitar! ¡Salud!
noogen
@sathyanarayananaCES Primero, para repetir a otros, lo mejor es usar 'get/setComponents' y 'get/setStyle' para guardar el contenido del editor. Si he entendido bien tu uso, quieres HTML para 'htmlCodeEditor' y poder importar de nuevo al 'e...
pouyamiralayi
Hola @sathyanarayananaCES debes llamar a ''editor.getComponents'' y ''editor.getStyle'' para recuperar los detalles de los componentes; luego puedes volver al estado almacenado llamando a ''editor.setComponents'' y ''editor.setStyle'' con...
Hola a todos, Estoy intentando probar a añadir algunos componentes de Vue.js personalizados al gestor de bloques, y a primera vista, todo va bien: renderiza correctamente y los componentes de Vue responden. Pero si guardo la plantilla, recargo mi página y pongo en el StorageManager 'gjs-style', 'gjs-components', 'gjs-...
adamwpe
@pouyamiralayi Gracias por eso, me ha orientado — es un ejemplo que me funciona para renderizar un componente Vue y se carga de nuevo en :), pero seguro que puede ser útil para otra persona: ¡Gracias a todos por la ayuda!
mcottret
¡Hola @adamwpe! La importación de etiquetas de script está deshabilitada por la configuración predeterminada del editor, lo que explica por qué tus etiquetas de scripts están eliminadas por el analizador HTML, poner la opción de configurac...
pouyamiralayi
@adamwpe tuvimos algo así en el pasado, ¡disculpa por no haberlo llevado hasta el final! Haz esto: no es necesario extender desde dView y dModel en las versiones más recientes. Y para la integración de Vue JS, por favor, ten en cuenta que...
Estoy muy interesado en este proyecto, pero necesito algo de orientación, por favor. ¿Existe alguna documentación sobre los lenguajes de programación, frameworks, librerías, plugins, etc., que se utilizan en este proyecto? ¿Alguna documentación que explique qué contiene cada carpeta? Cualquier orientación sobre cómo e...
GoodPHP
Hola, para añadir cambios en el editor necesito conocer Javascript o buscar a alguien que lo sepa. Documentos: https://grapesjs.com/docs/ La descripción que quieras no será. La documentación describe los métodos principales. Por ejemplo, p...
¿Me gustaría añadir todo el módulo de gestión de estilos a un panel? He estado buscando la documentación durante los últimos 2 días y no he encontrado un ejemplo adecuado para esto. He inicializado el panel del GrapeJS Editor como un array vacío para eliminar todos los paneles y tengo un panel personalizado que tambié...
christianbalderrama
¿Hay alguna forma correcta a través de grapesjs que no conozco o tiene que ser anulado mediante css
He creado un problema para el intercambio de contactos de los desarrolladores de GrapesJS. Considero que esto es muy útil para la mayoría. @artf, si te gusta mi idea, por favor fija esta rama. ACTUALIZACIÓN:Responde aquí si estás dispuesto a ser contratado dejando toda la información necesaria. Contacta directamente c...
GoodPHP
@JonyBlade, buena idea 😎 DevFuture es la primera agencia del mundo interesada en el desarrollo de GrapesJS. Contamos con más de 4 años de experiencia, más de 99+ proyectos destacados y 50+ clientes satisfechos. Más detalles: https://devfu...
jacob5544
Eliminar comentarios que realmente necesitan ayuda por errores en el sistema es muy triste. Qué vergüenza, Artur Arseniev, ¡tienes muy mal carácter!