Problemas con GrapesJS

artf

el getHtml no tiene nada que ver con el DOM del lienzo... Lee detenidamente la documentación https://grapesjs.com/docs/modules/Components.html e intenta entender la diferencia entre el modelo y la vista del componente.

mihir-khandekar

@artf gracias por la respuesta rápida, ¿cuál es la forma correcta de hacerlo entonces? Mi requisito es: quiero añadir un componente en la posición actual del cursor. ¿Cómo puedo entonces hacer que forme parte del método editor.getHtml()?

ionutmiftode

@mihir-Khandekar lograste arreglar esto?

throne1986

@artf ¿puedes ayudarme con esto, por favor?

artf

El problema está aquí '''js editor.on("component:create", (model) => { if (model.get("type") === "video") { setAddVideo(false); console.log("url de vídeo.", videos.videoUrl); editor. Commands.run("open-assets", { objetivo: editor.getSelect...

throne1986

> El problema está aquí> '''js> editor.on("component:create", (model) => {> si (model.get("type") === "video") {> setAddVideo(false);> console.log("vídeo url.", videos.videoUrl);> editor. Commands.run("open-assets", {> // objetivo: editor....

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

Posicionamiento absoluto, ahora mismo, tiene más de un problema y me gustaría abordarlos todos aquí:[ ] Posición incorrecta en otros dispositivos[ ] Posición incorrecta en un lienzo ampliado/panoramizado[ ] Posición incorrecta para los hij...

itscarlosrufo

Hola a todos, Muchas gracias por los comentarios y la discusión detallada. Nos complace compartir que hemos abordado algunas de las funcionalidades solicitadas. Además, hemos introducido un nuevo plugin de modo absoluto que debería cubrir...

fmfeit

Hola @artf, Esta función es crucial para mi proyecto actual, así que tengo dos preguntas: ¿Es posible pagaros a ti (o a alguien más) para que priorices esta función? Si no, ¿puedes describir los pasos necesarios para resolver el problema y...

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

Si pegas un texto con su propio estilo interno, tienes que cambiarlo para cada componente pegado, ya que su estilo anula al de los padres.

chirag0110

@artf, ni siquiera podemos cambiar ningún componente pegado. He añadido texto lorem ipsum desde la web de lorem ipsum. Cuando pego el texto, grapesJs envuelven el texto con la etiqueta "P" con id="i835ol". No puedo cambiar el estilo de la...

ClaudeCode

Gracias por informar de esto, @migokcek. El problema con Al copiar un texto desde cualquier lugar, el gestor de estilos no funciona correctamente. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Es...