Permitir la edición de nodos de texto

Question

Problema: los nodos de texto que no tienen padre no son editables. Los nodos de texto que tienen un padre pero también un hermano (por ejemplo, un span), tampoco son editables. Es necesario que los nodos de texto en bruto soporten el soporte de los nodos.

Ejemplo que no funciona:

<div id="gjs">
  <div class="glyphicon glyphicon-asterisk"></div> Intenta editarme
</div>

El comportamiento esperado es que el nodo de texto 'Intentar editarme' pueda ser editado. El comportamiento real es que no se puede editar.

JSFiddle para reproducir: https://jsfiddle.net/szLp8h4n/107/

mipierce · Accepted Answer

Esto es para arreglar texto que no está envuelto en un espacio para que el componente sea editable const updateLooseTextComponents = function(components: [any]) { para (componente const de componentes) { si (component.type === 'textnode') { component.type = 'texto'; component.tagName = 'span'; } si (component.components) { updateLooseTextComponents(component.components); } } }; updateLooseTextComponents(components); const td = template.template_data como cualquiera; td['gjs-components'] = JSON....

tommedema · Answer

@artf '<gjs-text-node>' ¡parece una buena solución!

artf · Answer

Conscientes y de acuerdo, la pregunta es simplemente '¿Cómo?'. Los nodos de texto no tienen la propiedad 'contentEditable', así que probablemente tendremos que intentar envolverlos todos dentro de '<span>'s (solo en su Vista) y ver cómo se gestiona todo

Permitir la edición de nodos de texto

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables

Los bloques CKEditor no son editables[PREGUNTA]

'Select' rasgo sin actualización en modo edición

El rasgo de casilla de verificación no elimina el atributo cuando está desmarcado

Plugins de pago que cumplen con este problema

Explorar categorías de plugins