Aumenta el margen entre componentes o inserta un margen al final del editor. Tengo un problema al añadir un componente, va dentro del frontal.
RJCAM
Hola @MarksEliel Por favor, sigue la guía por defecto al hacer un informe de error para entender mejor tu problema.ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRI...
https://github.com/artf/grapesjs/issues/1627 Creo que la pregunta está relacionada específicamente con esta línea, tengo el mismo problema. Miro la demo pero esta clase solo aparece en CSS y esta línea, así que este selector devuelve indefinido, ¿no? ¿Qué elemento tiene esto para que luego pueda añadirse? 'traitsProps...
gunslingor
Vale, creo que lo entiendo. Necesito muchas versiones diferentes de lienzos de uva... Cada uno debería ser su propio plugin, quizá compartiendo código común en algunos casos. Yo pensaba diferente, que los presets solo eran configuraciones...
Nikesh-hub
Hola @gunslingor Antes de llamar al sector de rasgos necesitas activar ambas secciones settingButton & & settingButton.set('active', 1); styleManagerButton & & styleManagerButton.set('active', 1); Y entonces puedes llamar -- Añadir Sector...
gunslingor
Sí, al final lo descubrí. No entiendo por qué tengo que configurar esta sección DESPUÉS de la inicialización en lugar de durante como ocurre con muchos otros paneles o secciones. Creo que es porque estoy usando el plugin de presets. Creo q...
https://github.com/artf/grapesjs/issues/1156 En realidad es una advertencia de consola del navegador, no un error: "index.js?08a9:70 Plugin grapesjs-style-gradient no encontrado" La única diferencia que veo en la demo de fiddle publicada en el ticket anterior es que tú enlazas externamente mientras yo enlazo intername...
Ju99ernaut
Solo para aclarar, 'grapick.min.js' existe, solo que está agrupado junto con 'grapesjs-style-bg' o 'grapesjs-style-gradient', por eso no se incluye cuando usas ninguno de estos plugins, sin embargo tenemos que incluir 'grapick.min.css' por...
Ju99ernaut
Prueba 'script(src = "/libs/grapesjs/js/grapesjs-style-gradient.min.js") {}', 'grapick' y 'grapesjs-style-gradient' son proyectos diferentes, también recomiendo usar 'grapesjs-style-bg' en lugar de 'grapesjs-style-gradient'
gunslingor
He notado que en la demo usan grapick.min.css y style-bg.min.js en el encabezado, pero no hay grapick.min.js (que existe) ni style.bg.min.css, lo cual me parece muy extraño; Ahora veo que intentaba añadir el plugin y pluginOpts en configur...
Programé un plugin, funciona bien, leí la documentación, ¿pero hay alguna forma de que la Categoría se colapse por defecto? así que el usuario hace clic en el Plugin para mostrar los Bloques del plugin.
Ju99ernaut
¿Hay alguna forma de estilizar el botón "Ver código" como el que tiene el icono de </>?? Apunta al botón con un selector css como '.gjs-pn-btn.fa.fa-code'en la ventana emergente "Ver código", ¿hay alguna forma de ocultar el editor de texto...
Gracias, puedes ver los resultados aquí. Pido aquí que no abran más bugs:¿Hay alguna forma de estilizar el botón "Ver código" como el que tiene el icono de '</>'?en la ventana emergente "Ver código", ¿hay alguna forma de ocultar el editor...
Solicito que se me permita referirme a los plugins por dos convenciones: "grapesjs-lory-slider" y "grapesjsLorySlider". Estoy usando un Kotlin JS DSL y no puede manejar los guiños; Además, normalmente los guiones se reservan para los nombres de las clases de CSS y deberían minimizarse en JS... aunque sospecho que hay...
gunslingor
Encontré una solución esta ["uvas-lory-slider"], aunque aún así recomendaba añadir.
artf
Sinceramente, no veo ninguna ventaja en tener dos convenciones. El nombre con guiones es generado por Webpack UMD bundler (por ejemplo, usando grapesjs-cli), que se toma del package.json 'name'. Si recibimos más solicitudes de la comunidad...
Los rasgos no se crean por defecto si no se solicitan, de hecho lo estoy haciendo en la demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1407-L1408 Originally publicado por @artf en https://github.com/artf/grapesjs/issues/1627#issuecomment-445216188 Hola artf ¿podrías darnos un ejemplo adecuado de cómo p...
Hola, Estoy intentando cargar una plantilla predeterminada desde el almacenamiento remoto en el editor, pero no aparece nada. Como parte de la inicialización tengo este código: storageManager: { Tipo: "Remote", guardado automático: Cierto, autoload: cierto, pasosAntesDeguardar: 3, urlStore: "https://myendpoint/lib/rem...
mcottret
¡Hola @jamejillagit! Según cómo se cargan los componentes DOM, parece que GrapesJS priorizará la carga desde la propiedad 'gjs-components' sobre la de 'gjs-html' siempre que esté definida y sea válida (array, objeto o cadena JSON). Si expl...
artf
@jamejillagit asegúrate de haber leído este https://grapesjs.com/docs/modules/Storage.html Si cargas el HTML para actualizar la plantilla, tendrás problemas
Hola @artf, Versión: grapesjs - 0.16.18 CKEDITOR - Estándar - 4.14.1 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? Al aplicar las opciones de formato en línea de las opciones de CKeditor en línea, debería reflejarse en el texto seleccionado. Describe el error detallado He integrado el...
SintoDema
Hola @mcottret, Ha sido una respuesta muy útil. Solucionó todos los problemas relacionados con el formato en línea. Gracias.
mcottret
¡Hola @SintoDema! El plugin GrapesJS CKEditor ya registra CKEditor como un RTE personalizado, así que llamar a 'editor.setCustomRte' en realidad es configurarlo dos veces, lo que creo que causa esos problemas. Elimina el bloque 'editor.set...
SintoDema
Hola @mcottret, Ya lo he intentado antes y, siguiendo tu sugerencia de nuevo, he eliminado esa sección de mi solicitud. Ahora, no hay una pestaña de opciones de formato. No he puesto ninguna restricción ('''pluginsOpts''') en la opción de...
Hola, estoy intentando añadir un bloque modal personalizado a mi proyecto y quiero cambiar el contenido de este modal también con arrastrar y soltar. Aquí tienes el código de mi bloque modal: '''javascript editor. BlockManager.add("modal", { etiqueta: "Modal", categoría: "Básico", Contenido: { Contenido: ' <tipo de bo...
Ju99ernaut
Quizá usar el panel de 'capas' o desactivar el script usando un rasgo como se muestra en el número #2772
Ju99ernaut
Creo que el campo 'content' se trata como texto plano, así que usa el campo 'components' en su lugar: '''js editor. BlockManager.add("modal", { etiqueta: "Modal", categoría: "Básico", Contenido: { Componentes: ' <tipo de botón="botón" clas...
kuhelbeher
@Ju99ernaut gracias por la gran sugerencia. Funcionó. Pero ahora tengo otro problema: ¿cómo puedo seleccionar el botón "Abrir modal" para estilizar o modificar? Cuando hago clic en el botón "Abrir modal" se abre modal. ¿Puedo de alguna man...
Hola, Estoy creando un sector solo para margen y relleno con el código que aparece a continuación: Y el sector se crea con Propiedades de Margen como se muestra en la siguiente captura: ! Uvas colocando el margen Como podéis ver, las propiedades están colocadas en la misma fila. Quiero que se muestren solo como dos pr...
RJCAM
Hola @jayeshmotwani, ¿qué versión estás usando? Acabo de copiar y pegar tu código y parece que funciona como esperas, como en tu segunda imagen, no en la primera. También lo he hecho en la demo, funciona bien, las propiedades están organiz...
jayeshmotwani
Hola @RJCAM, Gracias por tu respuesta. Estoy usando la versión 0.16.18
jayeshmotwani
¡Ahhh! ¡Acabo de darme cuenta! ¡Es porque aumenté el tamaño del panel!