Hola a todos, Estoy usando el plugin grapesjs-webpage-preset y me gustaría combinar mi gjs-html con mi gjs-css para que todos los estilos estén en línea. Conseguí hacerlo usando 'juice', ahora me gustaría almacenar los componentes de gjs basándome en mi nuevo gjs-html combinado con css en línea. ¿Alguna sugerencia?
prosenjit-manna
¿Quieres usarlo para un boletín informativo? Consulta el repositorio https://github.com/artf/grapesjs-preset-newsletter
Amir2828
En realidad quería hacerlo para poder usar la página web predefinida con estilos en línea, pero ya lo he conseguido. Podría ser útil si pudiera usar 'juice' y una función que convierta html a componentes. A menos que nadie conozca una func...
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.
Hola, desde la última versión he notado que cuando uso el selector de consultas desplegable usando '[data-gjs-type="my-component-type"]' ya no parece funcionar. He añadido dos demos de Codesandbox para mostrarte el problema. No consigo averiguar qué cambió. ¡Espero que te sirva, gracias!Estás enviando un BUG¿Estás usa...
artf
Vale, parece que la regresión se introdujo con este cambio: https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358 Lo arreglaré en la próxima entrega. Gracias por el infor...
Hola, Hay un problema conmigo, no sé si viene de mi código o de grapejs en sí, Para la herramienta LINK, toma sus enlaces de mi base de datos que contienen, por ejemplo: link1, link2, luego pongo la herramienta LINK en mi página y la guardo en BD. Añadí link3 a la base de datos y cuando intenté editar mi página creada...
artf
Creo que estás en el mismo caso del #2007
ahmedeldeeb25-zz
! Captura de pantalla del 2019-05-12 13-06-21 ! 2 Hice lo mismo, pero eliminó mi rasgo personalizado 'Página' en modo edición, como en estas dos fotos. @artf
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.
Solía añadir html personalizado con 'editor.addComponent()'. Funciona bien la mayor parte del tiempo, pero cuando intento insertar un gran fragmento de HTML que puede contener varios elementos hijos, el lienzo se vuelve negro y no se puede modificar. Solo puedo recargar todo el editor para que vuelva a funcionar.
artf
el lienzo se vuelve negro Cosa rara. ¿Eres capaz de crear una demo reproducible? Sube aquí la plantilla si la necesitas
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
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.
Tengo algunos componentes personalizados creados antes de modificar sus rasgos (por ejemplo, creé un nuevo rasgo para ellos), pero estos componentes no contienen el nuevo rasgo. Si arrastro un nuevo componente al editor, lo tendrá. Pasos para reproducirse: 1) Crear un componente personalizado y compilar el código 2) A...
kaoz70
@Lakshit-Singhal En ese caso creo que la mejor opción sería crear un plugin personalizado y, antes de inicializar GrapesJS, llamar a la API, obtener los valores y pasarlos a la función de inicialización a través de las opciones del plugin,...
artf
Esto ocurre porque el editor también almacena la información de rasgos en componentes. Puedes eliminar esta información ampliando el componente y actualizando su método a JSON '''js const typeModel = domc.getType('my-type').model; domc.add...
ahmedeldeeb25-zz
@artf esto eliminó rasgos personalizados! como mencioné en el #2007
Podría ser un cambio agradable en el mismo texto, los colores de diferentes palabras, como la negrita, o cursiva, quizá añadiendo un nuevo color de campo.
artf
Puedes añadir nuevas acciones a través de API del Editor de Texto Enriquecido
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.
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.
Al añadir un nombre de clase, el editor permite crear nombres de clase que son inválidos en CSS, pero válidos en HTML (por ejemplo, '123'). Como añadir nombres de clase con esta herramienta está pensado principalmente para estilo, puede tener sentido añadir una advertencia cuando el nombre de clase no sea válido para...
artf
Puedes añadir este tipo de advertencia (e incluso aplicar tu lógica para corregir el nombre inválido) por tu cuenta usando el evento 'selector:add' '''js editor.on('selector:add', selector => { nombre de const = selector.get('nombre'); si...
Quiero crear un botón que muestre modal, y así puedo añadir algún componente o bloque al modal.
artf
Al principio, deberías crear un Componente para el Modal, probablemente con un rasgo que active la visibilidad, y luego crear un botón para activar esa visibilidad
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.
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.
Mi caso de prueba: https://codepen.io/jogai/pen/QRjKyN?editors=1111 Quiero seleccionar la columna del medio, así que pensé que podía usar selectorManager.get(), pero no selecciona lo que espero. Yo pongo el nombre de la clase (porque id no funciona de todas formas) y el elemento con ese nombre de clase tiene 4 imágene...
artf
Selector Manager está destinado a gestionar entidades selectoras (por ejemplo, añadir, actualizar y eliminar clases), no para seleccionar componentes. En tu caso, deberías hacer esto: '''js editor.on('load', () => { editor.select(editor.ge...
Jogai
¡Gracias por aclarar mi malentendido!
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 una imagen se redimensiona con el ratón, no se estira hasta el borde del lienzo, dejando un espacio blanco en el lado derecho. Si ajustas las dimensiones—> ancho, puedes llevarlo hasta el borde del lienzo. ! imagen Si arrastras suficientes elementos al lienzo para que aparezca la barra de desplazamiento, la bar...
artf
Parece que se me olvida por completo este problema 😂 gracias a @benvmatheson por el ping. También pido disculpas a @giorgiosjames por ignorar totalmente su marca personal 😬 aunque tenga que cerrarla porque tiene razón, podemos hacerlo co...
artf
No estoy seguro, pero también podría ser un problema en la configuración del redimensionador https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
Esto parece deberse al valor de relleno aquí: https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 Poner este valor a 0 me permite redimensionar los componentes justo al b...