Preguntas etiquetadas con contenteditable

20
eventos de cambio contento
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!

10
¿Cómo establecer la posición de cursor (cursor) en elemento contenteditable (div)?
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 …



7
React.js: evento onChange para 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); …


6
¿Seleccionar texto mediante programación en un elemento HTML satisfactorio?
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 …

4
satisfecho, coloque el cursor al final del texto (navegador cruzado)
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 …


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.