Problema de componentes de texto

Question

Hola. Ojalá un componente de texto que no cree nuevos componentes cada vez que pulso la tecla "Enter" para crear nuevos párrafos (esto es una mala usabilidad). Además, el componente de texto del núcleo de grapes tiene un problema (descrito en la captura de pantalla de abajo). ¡Gracias de antemano por vuestra atención! ! [pantalla GIF-grapes] (https://user-images.githubusercontent.com/7770605/34945885-94dc9046-f9e3-11e7-9b6b-70111e5bdb04.gif)

Moikapy · Accepted Answer

No estoy seguro si encontré este código en un Issue aquí o en Stack Overflow, pero este código aquí reemplaza los Divs por un
cuando pulsas la tecla enter. He colocado este código en el mismo archivo que mi grapes-config ! [grapesExample] (https://user-images.githubusercontent.com/18318332/56316222-c0eeb900-6127-11e9-819b-dd9afe74bc6a.JPG)

ryandeba · Answer

Yo mismo investigué esto hace unos días... aparentemente hay una opción 'insertBrOnReturn' para 'execCommand', pero el soporte para navegadores es terrible. Una solución como esta (https://stackoverflow.com/questions/18552336/prevent-contenteditable-adding-div-on-enter-chrome) probablemente sea mejor. @artf ¿Cómo te gustaría que cambiara esto? ¿Debería pulsar enter
insertar etiquetas '' como se muestra en la respuesta superior de la discusión sobre ESO? ¿Querrías exponer esto como una opció...

gabrigcl · Answer

He encontrado una solución a mis necesidades usando CKEditor y anulando el componente nativo de "texto" para crear el mío propio. Mi componente de texto ahora es una div con una clase css que identifica el componente: '''javascript comps.addType('text', { model: textModel.extend({ defaults: Object.assign({}, textModel.prototype.defaults, { etiquetaNombre: 'div', nombre: 'Texto', arrastrable: '', Droppable: Falso }), }, { isComponent: function(el) { if(el.tagName == 'DIV' && el.classList.contain...

Problema de componentes de texto

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Posición incorrecta de la barra de herramientas al duplicar un componente hijo

Componente con textable:1 no funciona desde la versión 0.16.12

¿Los objetos arrastrados no se posicionan con la resistencia inicial?

Las reglas de consulta de medios son anuladas por las reglas de clase en el lienzo

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Introducing Search on GJS.Market

¿Cuánto cuesta construir un creador de páginas SaaS en 2026?

PageKit: la GrapesJS aplicación que tendrías que construir de todas formas

Explorar categorías de plugins