Problemas con GrapesJS

mattnoth

No me di cuenta de que habías cerrado mi problema anterior — con el caso de uso raro. ¿Tienes alguna sugerencia para solucionarlo aquí? He estado usando el oyente de eventos de UpdateRte, poner el RTE dentro del lienzo dinámicamente está r...

artf

@mattnoth ya he respondido a tu discusión aquí, por favor evita volver a abrir el mismo tema.

ClaudeCode

Gracias por informar de esto, @mattnoth. Buena pregunta sobre RTE Texto Superpuesto en un Componente Básico de Texto cuando Ancho y Altura son 100% del lienzo. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empi...

artf

No es un error, solo un caso de uso raro.

mingxin-yang

@artf quiero cambiar la posición de rteToolbar, pero pos no tiene los parámetros mencionados en el documento

ClaudeCode

Gracias por informar de esto, @mattnoth. Buena pregunta sobre RTE solapando texto cuando el componente de texto está al 100% de altura. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la do...

artf

Tienes que usar allowScripts '''js const editor = grapesjs.init({ ... allowScripts: cierto, }); ``` Y no veo ningún problema con la codificación (usa el inspector real, no la consola beta de jsfiddle, que probablemente tenga un bug).

stljeff1

¡Gracias!

ClaudeCode

Gracias por informar de esto, @stljeff1. Buena pregunta sobre editor.getSelected().toHTML() codifica javascript en línea. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentació...

Bran72

¡Hola! También tengo tu problema desde la versión v.0.17.25. Creo que se corregirá en la próxima versión. Así que la solución temporal es hacer downgrade a v0.17.22... ¡Espero que te ayude!

artf

Correcto, aquí se ha arreglado #3735

codingmachine16

Vale. Claro. Gracias. Para que lo sepas, este problema no existe en el 17.00.22 pero sí en el 0.17.25

artf

Gracias @abolabo por el informe, este problema ya estaba solucionado aquí #3735

ClaudeCode

Gracias por informar de esto, @abolabo. El problema con v0.17.25. El botón de rasgo en la definición de componente personalizado. parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir c...

throne1986

Solucioné el problema para futuras referencias primero eliminé esta función: editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); La he sustituido por esta función editor...

artf

Cuando ejecutas 'editor.command.run('open-assets')' tienes que pasar opciones, por ejemplo, '''js editor.command.run('open-assets', { objetivo: editor.getSelected(), }) ```

throne1986

@artf solucioné el problema, era por el problema de cierre, la solución simplemente pasaba la URL como opciones de la siguiente manera editor. Commands.run("open-assets", { objetivo: editor.getSelected() URL: imageUrl }); editor. Commands....

artf

Estás llamando al 'clb' fuera del fetch, en tu función de carga '''js load(keys, clb) { fetch(...). entonces(r => r.json()) .then(res => { ... clb(resultado) }) } ```

ClaudeCode

Gracias por informar de esto, @anatoli-dp. ¿El problema con (o simplemente problema general) el gestor de almacenamiento no carga correctamente? parece ser una condición de carrera o un problema de sincronización de gestión de estados. Est...

aliibrahim123

@artf

artf

No uses 'model.extend'/'view.extend', esos forman parte de la antigua API. Este es un ejemplo de cómo extender correctamente los rasgos en todos los componentes '''js const { Components } = editor; Components.getTypes().forEach(({ id, mode...

skru

Esta es una gran solución, artf, ¿algún consejo sobre cómo usarla para componentes que tienen rasgos definidos en una función?, según la documentación: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

gustavohleal

Ese era realmente el problema. Gracias por responder. Voy a cerrar el asunto.

ronaldohoch

+1 :D Estamos intentando resolver este problema https://github.com/artf/grapesjs/issues/1136 Porque sigue ocurriendo cuando uso un CKEDITOR. ! imagen

artf

Los 'eventos' no se fusionan automáticamente con el componente extendido, así que tienes que hacerlo manualmente. '''js eventos: { ... domc.getType('text').view.prototype.events, Keypress: (e) => {...} } ```

artf

Lo siento, pero no entiendo dónde está tu problema. Has creado el componente 'comp-with-js' pero luego no muestras dónde lo estás usando... Por favor, proporcionad una demo reproducible.

mingxin-yang

la función script no funciona después de arrastrar el bloque @artf

mingxin-yang

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts