1) Estoy viendo comportamientos inesperados en el editor de GrapesJS. ¿Alguien podría ayudarme con el problema del editor GrapesJS? si estoy copiando contenido de Outlook y pegándolo directamente en el editor de GrapesJS. está añadiendo algunas etiquetas específicas de Outlook (etiquetas basura como: MsoNormal, </o:p>...
pouyamiralayi
Una solución podría ser definir estas etiquetas personalizadas de Outlook como tipos de componentes personalizados; El editor no reconoce estas etiquetas a menos que tú las definas. Salud.
inaLar
@arju1503, esto suele ocurrir cuando el mensaje se reenvía en Outlook. El correo reenviado es algo diferente a un correo enviado en cuanto a margen. Pero también puede ocurrir con los correos electrónicos, ya que desde Outlook 2007, Outloo...
ghost
@arju1503, esto suele ocurrir cuando el mensaje se reenvía en Outlook. El correo reenviado es algo diferente a un correo enviado en cuanto a margen. Pero también puede ocurrir con los correos electrónicos, ya que desde Outlook 2007, Outloo...
Estoy viendo comportamientos inesperados en el editor GrapesJS. ¿Alguien podría ayudarme con el problema del editor GrapesJS?si estoy copiando contenido de Outlook y pegándolo directamente en GrapesJS editor. está añadiendo algunas etiquetas específicas de Outlook (etiquetas basura como: MsoNormal, </o:p> etc.) al con...
Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comportamiento esperado: cuando selecciono Enlace espero que muestre la barra de herramientas (con el botón 'seleccionar padre') junto a su insignia. Comportamiento real: Si un enlace...
simplecommerce
@Abhisheknanda1344463 Hola @artf @simplecommerce @devgru ¿Alguna novedad sobre esto? ¿Hay alguna forma de arreglarlo manualmente? Gracias No estoy seguro de si te funcionará, pero esto es lo que hice yo para solucionarlo.
Abhisheknanda1344463
@simplecommerce Gracias, tío. Ha funcionado. Gracias
artf
Cerrando el problema porque parece que está solucionado.
Preguntas¿Cómo puedo convertir una parte de mi plantilla en un componente?¿Cómo puedo configurar DraggableComponents en un componente así?Si es así, ¿puedo dejar de poner selectable: false, highlightable: false, hoverable: false en los nodos hijos dentro de dicho componente?¿Es posible suministrar un enlace externo di...
pouyamiralayi
Si quieres inicializar el editor con algunos componentes ya colocados en el lienzo, necesitas esto: '''js inicialización del editor... Define un componente personalizado como antes En lugar de proceder con la definición de bloques, usa est...
artf
por ahora, Grapes tiene algún problema para almacenar componentes personalizados definidos fuera de los plugins. En realidad, se almacenan correctamente, solo se trata de cargar componentes que no se reconocen porque el tipo personalizado...
Jogai
Gracias por la respuesta y los enlaces. Son realmente útiles. Sin embargo, para esta pregunta buscaba una forma de hacerlo dentro de una plantilla. Actualmente no usamos el gestor de bloques, nuestros usuarios solo arrastran cosas. Nunca a...
Hola a todos, He añadido los bloques personalizados de CKEditor y funciona perfectamente. pero el problema real es que no puedo eliminar, mover o añadir los rasgos en los bloques de CKEditor. He intentado todo lo posible pero nada es trabajo. Realmente me quedé clavado. ¿Alguien puede ayudarme, por favor? Mis bloques...
artf
Bueno, el área de texto no se puede seleccionar porque es un elemento estático generado a partir del 'script' de tu componente, así que no forma parte del editor, está todo correcto. Si tu objetivo es cambiar configuraciones internas de CK...
artf
Por cierto, no hagas esto 'ClassicEditor.create(document.querySelector('#ckeditor'))' De este modo, tu integración se romperá con varios componentes al mismo tiempo. Creo que sería mejor que actualizaras tu material de esta manera '''js Es...
Hola, Tengo un componente personalizado cuyo contenido se puede cambiar cambiando las opciones de selección de rasgos, pero también puede editarse de forma similar al tipo de componente de texto cuando ya está renderizado dentro del lienzo. ¿Hay alguna forma sencilla de reiniciar el atributo relacionado con los rasgos...
inaLar
@artf, respecto a la opción "Select" no pude conectar el cambio en el contenido y que funcionara al cambiar el rasgo en un solo flujo y también cambiarlo manualmente editando su texto/contenido. El cambio manual no sincronizaba el rasgo, p...
zgover
Podrías adjuntar un oyente de eventos al content prop del componente, luego en la callback recuperar el rasgo o cambiar el valor prop del trait, véase el ejemplo más abajo tomado de docs '''javascript Actualicemos las 'opciones' de nuestro...
inaLar
Gracias, Zachary1748, pero no puedo usar eso en mi caso. Quizá no lo expliqué bien. Tengo un componente hecho a medida. El contenido de los componentes puede cambiarse de 3 maneras:Cuando se arrastra y se suelta en el lienzo (tienes una ve...
Estoy intentando crear un componente deslizante que tenga rasgos como 'número de diapositivas' y quiero que ese rasgo sea diferente para cada dispositivo. Por ejemplo: El usuario puede elegir 5 diapositivas para escritorio y 2 para móvil.
artf
Deberías actualizar los rasgos de los componentes al cambiar de dispositivo https://jsfiddle.net/artur_arseniev/Lma0pu5v/
Hola, Grapesjs es un software fantástico y llevo jugando con él una semana más o menos. Estoy teniendo un poco de problemas con la carga de url. Estoy usando un punto final que es el json de retorno, como puedes ver aquí: ! Captura de pantalla 2019-08-14 a las 08 14 15 Según he leído la documentación, ¿se supone que e...
artf
El resultado de tu endpoint es totalmente erróneo. Lee con atención esta parte, por favor: https://grapesjs.com/docs/modules/Storage.html#setup-the-server Deberías devolver algo así: '''js { 'GJS-' es el prefijo ID 'gjs-components': [{ eti...
Hola Estoy intentando crear una lista ordenada con grapesjs. Intenté añadir lo siguiente al RTE: Y esto funciona si mi página está pre-rellena con html cuando el editor se inicializa, como se indica a continuación: Editor precompletado: ! 1 Crear lista ordenada: ! 2 Sin embargo, si dejo caer un nuevo bloque en el lien...
thomas1204
Por los comentarios anteriores, ahora puedo añadir listas de ordenados y no ordenados. ¿Hay alguna forma de actualizar la lista de pedidos existentes y la lista no ordenada? @artf @rahuloftheramaneffect
artf
¿Puedes crear una demo reproducible, por favor? Ese error sin una pista de pila es inútil(opcionalmente) podemos usar la tecla tab para sanglar las listas? Definitivamente deberías hacerlo tú mismo o confiar en algo como CKEditor para un u...
rahuloftheramaneffect
¡Eh! Gracias por responder tan rápido.¿Puedes crear una demo reproducible, por favor? Ese error sin una pista de pila es inútil Aquí hay un archivo zip que contiene una versión simplificada de mi página de editor. Demo.zip Incluye un montó...
Hola, Quiero lograr esto: Cuando el usuario hace clic en una etiqueta de encabezado H1, H2, H3 ... Quiero que aparezca un rasgo (de tipo select / desplegable) que permita cambiar la etiqueta Name del encabezado
TheComputerM
Lo solucioné después de buscar un poco en internet. Añade este rasgo '''js Rasgos: [ { tipo: 'select', Opciones: [ { valor: 'h1', nombre: 'Rumbo 1' }, { valor: 'h2', nombre: 'Rumbo 2' }, { valor: 'h3', nombre: 'Rumbo 3' }, { valor: 'h4', n...
Buddhilive
@hosseinghs probar esto. Esto es igual que @TheComputerM implementaba el código antes. Y funciona bien. '''s this.editor.Components.addType('headings', { isComponent: el => el.tagName.startsWith('H') && Number.parseInt(el.tagName.slice(1))...
hosseinghs
Hola, ¡yo intento hacer lo mismo! Mi problema es que cuando hago clic en una de las opciones de Rasgos, ¡mi elemento de encabezado no se actualiza a un nuevo encabezado! ¿Puedes ayudarme?