Preguntas etiquetadas con contenteditable

Quiero ejecutar una función cuando un usuario edita el contenido de un atributo divcon contenteditable. ¿Cuál es el equivalente de un onchangeevento? Estoy usando jQuery, por lo que se prefiere cualquier solución que use jQuery. ¡Gracias!

359 javascript  jquery  html  contenteditable 

Tengo este HTML simple como ejemplo: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Quiero algo simple: cuando hago clic en el botón, quiero colocar el cursor (cursor) en un lugar específico en el div editable. Al buscar en la web, tengo este …

191 javascript  jquery  contenteditable  caret  cursor-position 

Busco una solución definitiva de navegador cruzado para establecer la posición del cursor / cursor en la última posición conocida cuando un contentEditable = 'on' <div> recupera el foco. Parece que la funcionalidad predeterminada de un div editable de contenido es mover el cursor / cursor al comienzo del texto …

142 javascript  jquery  html  contenteditable  cursor-position 

Tengo un contenteditableelemento, y cada vez que escribo algo y ENTERlo presiono crea uno nuevo <div>y coloca el nuevo texto de línea allí. No me gusta este poquito. ¿Es posible evitar que esto suceda o al menos simplemente reemplazarlo con un <br>? Aquí está la demostración http://jsfiddle.net/jDvau/ Nota: Esto no …

131 javascript  jquery  google-chrome  html  contenteditable 

¿Cómo escucho el cambio de evento para el contentEditablecontrol basado en? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); …

120 javascript  dom  contenteditable  reactjs 

Estoy encontrando toneladas de buenas respuestas de navegadores cruzados sobre cómo CONFIGURAR el cursor o la posición del índice de intercalación en un contentEditableelemento, pero ninguna sobre cómo OBTENER o encontrar su índice ... Lo que quiero hacer es conocer el índice del signo de intercalación dentro de este div, …

119 javascript  contenteditable  caret  cursor-position 

En JavaScript, es posible seleccionar texto mediante programación en un elemento inputo textarea. Puede enfocar una entrada con ipt.focus()y luego seleccionar su contenido con ipt.select(). Incluso puede seleccionar un rango específico con ipt.setSelectionRange(from,to). Mi pregunta es: ¿hay alguna forma de hacer esto también en un contenteditableelemento? Descubrí que puedo hacer …

119 javascript  selection  contenteditable 

salida en Chrome : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> Creo que en FF se vería así: hey <br /> what's up? y en IE : hey <p>what's up?</p> desafortunadamente, no hay una buena manera de hacer que cada navegador inserte una <br />etiqueta …

111 javascript  html  cross-browser  contenteditable  caret 

Cuando configuro un elemento pre en contenteditable y le pongo foco para editarlo, recibe un borde punteado a su alrededor que no se ve muy bien. El borde no está ahí cuando el enfoque está en otro lugar. ¿Cómo elimino ese borde? Gracias

96 javascript  jquery  contenteditable 

Estoy buscando construir un editor con Slate o ProseMirror y veo un comportamiento extraño con Chrome alrededor de la posición de intercalación y el área de selección cuando utilizo un elemento en línea. El problema 1 se muestra en la primera imagen a continuación. Cuando la posición del cursor de …

8 html  css  contenteditable  slatejs  prose-mirror