0
186
Vistasal presionar enter en contenteditable su estilo de línea de copia/título a la siguiente línea
Tengo un div editable y contenido simple.
<div contenteditable="true"> <p> Line 1 <span title="action">action</span> </p> </div>Si el usuario hace clic al final de la línea 1 y presiona Intro, comience a escribir. La siguiente línea también copia el fondo del mismo tramo. ¿Cómo evitarlo? ver demostración: https://jsfiddle.net/89z5d2r0/1/
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puede agregar un espacio que no se rompa o   después de la etiqueta span para evitar este comportamiento. Vea el fragmento a continuación:
div { width: 200px; height: 200px; border: 1px solid #f1f2f3; } p span { background: #ccc; } <div contenteditable="true"> <p> Line 1 <span title="action">action</span>  </p> </div>
·
Juan Pablo Isaza
Denunciar
0
Porque no hay texto en la etiqueta p y es por eso que el texto comienza desde la etiqueta span. Es por eso que el texto se escribe en una etiqueta de intervalo con sus propiedades. Al menos agregue   después de la etiqueta de intervalo.
div { width: 200px; height: 200px; border: 1px solid #f1f2f3; } p span { background: #ccc; } <div contenteditable="true"> <p> Line 1 <span title="action">action</span>  </p> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta