Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#205431 de mayo de 2019por zhangyanweiSin respuestas
Reacciones 0

Dos nombres de mando (nuevo y antiguo) causan la división de mando.

Para algunos comandos predefinidos, tiene un nombre nuevo y un nombre antiguo. Indica al usuario que use el nuevo como prefiera. Si elegir el nuevo nombre de comando para extender, no funciona, eso se debe a nombres antiguos en el interno. La razón es: en 'comandos/index.js', los comandos añadidos o extendidos son las...

#205331 de mayo de 2019por megarg2 respuestas
Reacciones 1

No se puede usar el plugin: grapesjs-custom-code

Estoy intentando añadir "custom code plugin" pero aparece un error en consola que "Plugin grapesjs-custom-code no encontrado"He creado una app de React y esto forma parte de un componente de alcance. Ten en cuenta que esto funciona bien cuando añado el plugin desde una página html en lugar de un componente de react.Es...

artf

Hola @megarg en realidad los nuevos plugins (los 'presets' aún no se han actualizado) usan un nuevo formato de exportación que hace que esta importación 'importar 'grapesjs-custom-code';' no sea utilizable. Puedes ver el ejemplo del uso de...

megarg

Permítanme dar algunos detalles adicionales: -----Configuración----- $ nodo -v v10.15.3 $ npx nodo-sass -v node-sass 4.12.0 (Envoltorio) [JavaScript] libsass 3.5.4 (compilador Sass) [C/C++] El sistema operativo es: Windows 10 Agradecería m...

#205231 de mayo de 2019por tsuwunrut-carecloudRespuesta 1
Reacciones 0

Campos de fusión

Tengo una pregunta sobre campos de fusión, similar a https://github.com/artf/grapesjs/issues/481. Estoy intentando que el botón icono de mi campo de fusión desactive un modal con un desplegable de entrada, y después de seleccionar una opción del desplegable, que el campo de fusión se inserte solo. ^ Tengo algo en esta...

artf

Generalmente, para evitar perder la selección en el clic del elemento usas 'event.preventDefault()', así que puede que sea tu caso, pero no estoy seguro. Intenta al menos crear una demo reproducible, por cierto cerro el problema porque no...

#205130 de mayo de 2019por alikabeer322 respuestas
Reacciones 2

¿Puedo dar un estilo predeterminado a una etiqueta html <p>como ?

Quiero que la etiqueta p siempre tenga margen cero. ¿Cómo hago eso? La razón es que ckeditor envuelve el texto alrededor de una etiqueta p y la etiqueta p tiene un margen que lo hace todo feo.

artf

Puedes pasar todos los estilos que quieras a tu plantilla inicial '''js const editor = grapesjs.init({ contenedor: '#gjs', componentes: '<div class="txt-red">¡Hola mundo!</div><p>Texto</p>', estilo: '.txt-rojo{color: rojo} p {margen: 0}',...

alikabeer32

¡Justo lo que necesitaba, gracias!

#205030 de mayo de 2019por jitendra1607Respuesta 1
Reacciones 0

No hay respuesta en el código exportado

El código exportado de 'https://grapesjs.com/demo.html' no responde como parece en el constructor.

jitendra1607

Haz este experimento, por favor. Coloca una barra de navegación en el editor. Ahora haz clic en vista previa y abre las herramientas de desarrollo de Chrome y cambia el tamaño del dispositivo a móvil. Verás elementos del menú de la barra d...

#204930 de mayo de 2019por benvmatheson3 respuestas
Reacciones 1

¿Se puede instruir al editor para que ignore una clase?

Una vez que el editor crea HTML/CSS, lo pasamos a otro fragmento de código. Ese fragmento de código depende de que las clases usen un nombre de clase predeterminado para realizar acciones sobre el HTML. (cambiar marcadores de posición por datos reales, etc.) Si esta clase se añade a un elemento, una vez que se hace cl...

artf

Podrías poner un oyente en un selector nuevo '''js editor.on('selector:add', selector => { nombre de const = selector.get('nombre'); si (someConditionForSelectors(name)) { selector.set({ No puede ser visto por el gestor de estilos, por lo...

artf

¿Qué quieres decir con "ignorar"? ¿Ignorar dónde? ¿Estar disponible en el gestor de estilo o en otra cosa?

benvmatheson

Perdona, no fui claro ahí. Al hacer clic en un elemento o bloque y proceder a estilizar el elemento, la clase se elige por defecto. ¿Se podría desactivar esta clase por defecto y ocultarse en el campo 'Classes'? ! imagen

#204830 de mayo de 2019por kwayeboppRespuesta 1
Reacciones 0

¿Dónde se usa el componente Box en las demos?

¡Hola! Primero, me gustaría dar las gracias a @artf por construir una biblioteca tan pulida. Acabo de empezar a usarlo en mi proyecto y fue súper fácil de configurar. Estoy creando una app de React usando 'grapesjs' con el plugin 'grapesjs-preset-webpage'. He estado intentando imitar la creación de una página web como...

artf

Gracias@kwayebopp por cierto, la etiqueta 'Box' se usa para el componente por defecto, nada especial (en el momento de escribir 'Box' fue más agradable que 'Div').

#204730 de mayo de 2019por alikabeer32Respuesta 1
Reacciones 3

Necesito que aparezca una categoría personalizada de bloques en otro panel/div

Podría usar appendto para mover TODOS los bloques a donde quiera, pero ¿cómo muevo una categoría concreta de bloques? Necesito que aparezcan por separado.

alikabeer32

Nvm encontró la solución Define tu categoría así blockManager.get('myblock').set('category', 'customdefinedcategory'); y luego bloques de const = bloqueManager.getAll(); const filtered = blocks.filter(block => block.get('category') == 'cus...

#204629 de mayo de 2019por sdrebel3 respuestas
Reacciones 1

¿Cómo desactivar los scripts dentro del editor?

Hola @artf, Necesito desactivar todos los scripts (scripts de componentes y otros scripts) dentro del editor, y los scripts solo deberían ejecutarse cuando hacemos clic en el botón de 'previsualización'. ¿Hay algún método para ello?

sdrebel

Hola @artf, Gracias por la respuesta. Ahora mismo estoy eliminando todos los scripts y ejecutándolos solo en modo previsualización.

artf

No, en este momento no existe ningún tipo de API pública para hacer eso

mariasmol

Hola @sdrebel encantaría que compartierais vuestra solución. Además, después de permitir scripts en el editor, copié este ejemplo para importarlo ! imagen Pulsé el importado y vi el mundo de la hola. sin embargo al usar el modo de vista pr...

#204429 de mayo de 2019por eduardonunesp3 respuestas
Reacciones 1

El desarrollo de npm en un servidor local no funcionó

Hice el procedimiento para iniciar el servidor local usando la rama 'dev' tal y como se describe en README, funcionó en la consola, pero falla en Chrome y los grapesjs no cargan debido al siguiente error ! imagen

artf

He comprobado rápidamente y parece que la razón es que la última [email protected] no tengo tiempo de investigar, así que simplemente congelaré la versión que se usa actualmente

artf

Qué raro, nunca había visto eso antes. Puede que sea algún cambio de dependencia de los desarrolladores en alguna versión menor. Intenta reinstalar node_modules con versiones exactas de dependencia

verdverm

Estoy teniendo problemas siguiendo la configuración de desarrollo: ¿Quizá un problema con los empaquetadores? Puedo eliminar el 'min' de 'grapes.min.js' en el archivo 'index.html' y funciona. Sin embargo, si construyo la salida 'grapes.js'...

Explora todos los temas