Hola, Me gustaría añadir un bloque de "imagen" al editor, donde podamos definir una imagen diferente para cada dispositivo, y el HTML base para eso sería así: Mi problema es que, cuando se inserta en el editor, el componente de img es visible y movible, incluso desde el elemento imagen. Con eso, podría causar problema...
imso077
Hola, hola a todos, ¿habéis solucionado el problema de las imágenes responsivas? (Tenemos que cambiar las imágenes, porque el contenido de la imagen debería cambiar en dispositivos más pequeños, así que el enfoque es menor)
artf
Aprende a crear Components personalizados y luego echa un vistazo a todas las propiedades disponibles en el Component (para que puedas notar, por ejemplo, que la imagen no se puede arrastrar)
¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí.¿Te enfrentas al error con tu copia local de GrapesJS o con la demo actual? Ambos.Pasos para reproducir:Arrastra un componente y luego cambia su color de fondo desde la entradaAbrir el selector de color inmediatamenteLuego haz clic en el...
longdoan7421
Hola @artf, Después de ver alrededor del selector de color, creo que el problema es que el espectro no tiene el mismo valor que el modelo cuando el usuario cambia la entrada. Así que intenté sincronizar el valor de spectrum y model, y pudo...
longdoan7421
He descubierto que este error también ocurre si cambias la entrada con cualquier valor, luego abres inmediatamente Colorpick y luego la cancelas haciendo clic en fuera (no en el lienzo).
Hola, El bloque de texto cambia de etiquetas al recargar HTML tras guardarlo. En detalle: En cuanto insertas el bloque de texto, el CKEDITOR se inicializa en el DIV; al introducir editar, el CKEDITOR se inicializa en la etiqueta P. Este es el bloque de texto al cargar '<div data-gjs-type="default" draggable="true" dat...
artf
Con el uso de un RTE personalizado como CKEditor dejamos toda la responsabilidad en manos de terceros para gestionar el contenido, así que si hay algo que quieras cambiar tienes que consultar su documentación
Versión: Última: V-0.16.3. importante: Actualiza de la v-0.15.9 a la v-0.16.3 mientras mantienes todo igual, el error aparecerá en consola: Este error muestra que hay un error en la función 'getFrameOffset', cerca de la posición: 'e.ownerDocument.defaultView.frameElement': Consulte Esta línea de código Comprobar la pi...
emilsedgh
Estoy de acuerdo en que esto debe reabrirse y arreglarse dentro de la función de destrucción.
emilsedgh
¡Gracias@artf! 🙏
artf
Gracias por el informe @wemod123 ¿Puedes crear una demo en directo reproducible del problema?
Hola, cuando cargo el HTML con el estilo en línea que el editor había guardado previamente, el estilo se elimina. ¿Cómo puedo resolver mi problema?
FedericoPalma92
¡Gracias
artf
'config.avoidInlineStyle' es 'true' por defecto, hay casos raros en los que puede ser útil desactivarlo (por ejemplo, desactivarlo en el plugin mjml para que funcione correctamente), pero para las páginas web comunes recomendamos mantenerl...
pouyamiralayi
@picozzo92 creo que desde v15.08 los estilos en línea ya no se soportan. ¡Salud!
[Pregunta:] Hola, he usado este plugin de construcción en Angular 7. Esto está muy bien estructurado y es extensible. Pero tengo algún problema con definir componentes personalizados en este plugin. La pregunta es cómo añadir clases a un DomComponent personalizado. He creado un nuevo componente dom de envoltorio de ví...
artf
¿Puedes crear una demo en vivo con el código completo de tu componente personalizado, por favor?
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...
¿Cómo borrar una lista con dispositivos? ! Аннотация 2020-03-23 170147
teawithfruit
'''js editor.on('load', () => { editor. Panels.removePanel('devices-c') }) ``` La próxima vez puedes intentar usar la función de búsqueda... ;) #875
verloka
'''jseditor.on('load', () => {editor. Panels.removePanel('devices-c')})```La próxima vez puedes intentar usar la función de búsqueda... ;)#875 Gracias
teawithfruit
Tienes que configurar una configuración personalizada del gestor de dispositivos en tu bloque de init. https://grapesjs.com/docs/api/device_manager.html Con este fragmento puedes borrar la lista. '''js const editor = grapesjs.init({ Gestor...
Hola, si selecciono solo una parte de un texto para cambiar el color, no funciona. Solo cambia el color del texto completo. Por ejemplo. Si quiero cambiar en "este es mi texto", solo "mi texto", lo selecciono, cambio el color, pero el nuevo color irá al texto completo. Puede que sea algo pequeño, pero es realmente úti...
qtarant
Hola, Hice esta tarea integrando CKEditor, para que puedas cambiar la fuente, el estilo de la fuente, el tamaño o el color... Lo mejor es que puedes seleccionar cualquier parte del texto y personalizar solo esa parte específica.
artf
Para hacer lo que pides, deberías añadir una nueva acción al RTE integrado y envolver el texto seleccionado en un wrapper (por ejemplo, un <span>elemento '') y una vez envolvido deberías poder añadir el estilo que necesitas Usar un RTE per...
Hola, Estoy trabajando en la integración de mi sistema de localización (i18n) con grapes.js. La idea es tener un campo de datos, que contenga la cadena i18n. '''html <div class="content" data-i18n="common:localize.string"></div> ``` Si el atributo de datos está activado, grapes.js tomará la cadena y la hará visible en...
artf
@teawithfruit si esperas algo en tu página HTML guardada (fuera del editor GrapesJS), lo único que veo que puede hacer es: '''js script: function() { console.log('¡guion hecho!') } ``` Así que no sirve de nada, probablemente eres otra víct...
pouyamiralayi
Hola @teawithfruit hay un par de problemas con tu código: 1) no tienes acceso a ''this'' como modelo dentro del componente ''script'': Component & Js docs 2) si tu caso de uso es controlar un atributo, no tienes que proporcionar un rasgo p...
teawithfruit
¡Gracias por la respuesta tan útil! Este es mi bloque/componente actualizado. Ahora mismo solo tengo un problema más. La función de script que he añadido al componente no se llama en la página html guardada. Si añado el bloque al lienzo en...