'<table class="table"><tr><td class="cell">¡Hola mundo!</td></tr></table><detalles/abierto/ontoggle=alerta(1)>' Intentando importar código html de arriba. Recibiendo alerta después de hacer clic en el botón de importar. ¿Puedo eliminar todos los eventos de JavaScript mientras importo el HTML? Por favor, revisa las cap...
pouyamiralayi
¡Hola! No creo que esta sea una opción en el actual plugin de código personalizado El fragmento de código que puedes modificar es aquí Por favor, ten en cuenta que esto es solo un caso de procesamiento de texto en relación con la búsqueda...
Estoy intentando añadir un rasgo nuevo pero no funciona. He investigado bastante y probado varias formas, pero sigue sin parecer funcionar. ¿Podríais por favor aclararme qué puedo estar haciendo mal? Opción 1: Opción2: Intentando añadir programáticamente. Sigo el documento de: https://grapesjs.com/docs/modules/Traits....
pouyamiralayi
¡Hola! ¡No veo ninguna razón por la que tu primer enfoque no funcione! ¿Has probado este [https://github.com/artf/grapesjs/issues/2251#issuecomment-530587007)? Salud.
No estoy seguro de si esto es un bug o si simplemente estoy malinterpretando el uso. Haz clic en componente 1 > añadir clase1 > haz clic en la marca para desseleccionar clase 1 en el componente 1. Haz clic en component2 -> añadir clase1 La clase 1 ya será descartada. Si haces clic en la marca de verificación y luego e...
artf
No, no es para desactivar clases en componentes (en ese caso tienes que eliminarlo), sino para cambiar el selector en el Style Manager, para poder cambiar lo que necesitas estilizar
¡Hola! La estructura actualmente utilizada de grapesjs se basa en aprovechar backbonejs concept de vista modelo para implementar el Virtual Dom dentro del ecosistema de grapesjs. Virtual Dom es una gran práctica que tiene una amplia gama de aplicaciones y beneficios; Pero la desventaja del dom virtual es la actual bre...
artf
Sí, @lexoyo el objetivo final aquí sería dejar de depender de la Vista de Backbone y migrar todos los elementos de la interfaz del editor a componentes web. Al final, habrá '@grapesjs/core' (sin UI) y '@grapesjs/core-UI' con un conjunto de...
lexoyo
Vale, eso es interesante :) Estoy deseando verlo y contribuiré en todo lo que pueda
lexoyo
Buena idea Uso bastante lit-html, es el mismo enfoque pero también añade componentes web cuando es necesario Pero no entiendo dónde se quedaría el backbone. ¿Y qué sería sin ella? Supongo que es una cuestión más amplia sobre lo que @artf a...
Hola @artf, Gracias por crear una biblioteca de código abierto tan útil. @artf estoy trabajando en Open Image Editor mientras el usuario cambia la foto desde el modal 'Select Image'. Logré abrir 'editor de imágenes' mientras el usuario cerraba el modal 'select image', con la ayuda de este código. Pero cuando se abra e...
AkibDeraiya123
Hola @artf, Supongo que encontré algo útil para otros usuarios. Depuro el código desde el repositorio git de 'https://github.com/artf/grapesjs-tui-image-editor' y supongo que puedo lograr todas las funcionalidades anteriores y muchas más p...
artf
Como puedes ver aquí https://github.com/artf/grapesjs-tui-image-editor#options Hay una opción de 'configuración' disponible para el plugin que se llamará en cada inicialización por 'this.getEditorConfig()', así que simplemente coloca tus o...
AkibDeraiya123
@artf, ya lo he probado, tío, pero parece que no funciona. En la función 'this.getEditorConfig()' no recibimos opciones de actualización. También intento con log imprimir la configuración actualizada después de esta línea 'const config = {...
Hola, debo estar pasando algo básico, pero ¿cómo añado el panel de gestor de rasgos sin añadir un plugin? El plugin del boletín lo tiene añadido por defecto: ! imagen Pero el editor sin plugins añadidos no lo tiene: ! imagen
pouyamiralayi
¡Hola! No conozco la estructura actual de tu página en el DOM. Pero yo siempre hago la personalización de esta manera: Luego, en la configuración de instanciación de tu editor: El mismo escenario ocurre con otros como: Style Manager, Layer...
¡Hola! He leído y releído la documentación de GrapesJS y la referencia de API sobre cómo crear un componente personalizado y simplemente no consigo entenderlo. Inicialmente empecé intentando ampliar el componente de vídeo existente, pero luego decidí crear mi propio componente de vídeo personalizado. Estoy usando el c...
brentonkelly1982
Por fin he averiguado esto por mi cuenta y quiero compartir el resultado para quien esté pasando por esto como yo. Este código recortado crea un componente de vídeo personalizado y responsivo que soporta YouTube, Vimeo, MyVRSpot y un ifram...
Lo que necesito es simplificar la eliminación de elementos para acelerar la creación de páginas. Así que si dejo caer una columna y no hay fila padre ahí, me gustaría que se añadiera automático. Lo mismo para el remo que se cae. Si dejo una fila sin contenedor, estaría bien poder añadir contenedor automático. ¿Cuál es...
pouyamiralayi
¡Hola!porque la propiedad arrastrable para columnas tiene el valor ".row" Simplemente deshazte de esto. No necesitamos arrastrable aquí porque hacemos la comprobación nosotros mismos: Si necesitas más ayuda para tu caso específico, agradec...
ivcaRealWare
Intento resolver esto con ese evento de propuesta. Pero cuando intento soltar una columna en otro lugar, no lo permite porque la propiedad arrastrable para columnas tiene valor ".row", así que en editor.on('block:drag:stop', la función (el...
Observo algún problema con la funcionalidad 'addType' Si creo algún tipo personalizado como este: Cuando añadimos un widget de componente en la página, funciona bien Pero después de guardar contenido en el servidor y recargar la página, el tipo personalizado no se aplica como 'analizador' no tiene este tipo^ usa solo...