«contenteditable» etiketlenmiş sorular

Bir kullanıcı bir içeriğini düzenler zaman bir işlevi çalıştırmak istediğiniz divile contenteditableöznitelik. Bir onchangeetkinliğin karşılığı nedir ? JQuery kullanan herhangi bir çözüm tercih edilir böylece jQuery kullanıyorum. Teşekkürler!

359 javascript  jquery  html  contenteditable 

Örnek olarak bu basit HTML var: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Basit bir şey istiyorum - düğmeyi tıkladığımda, düzenlenebilir div içindeki imleci (imleci) belirli bir yere yerleştirmek istiyorum. Web üzerinden arama, düğme tıklama bağlı bu JS var, ama çalışmıyor (FF, …

191 javascript  jquery  contenteditable  caret  cursor-position 

Bir contentEditable = 'on' <div> odağı yeniden kazandığında, imleç / şapka konumunu bilinen son konuma ayarlamak için kesin, çapraz tarayıcı çözümünün peşindeyim. Görünüşe göre, içerik düzenlenebilir div işlevinin varsayılan işlevi, imleci / imleci, üzerine her tıkladığınızda div içindeki metnin başlangıcına taşımaktır, bu istenmeyen bir durumdur. Div'in odak noktasından ayrılırken mevcut …

146 javascript  jquery  html  contenteditable  cursor-position 

Bir contenteditableelemanım var ve ne zaman bir şeyler yazsam ve vurduğumda ENTERyeni bir tane yaratıyor <div>ve yeni satır metnini oraya yerleştiriyor. Bundan hiç hoşlanmadım. Bunun olmasını önlemek veya en azından bir ile değiştirmek mümkün müdür <br>? İşte demo http://jsfiddle.net/jDvau/ Not: Bu, firefox'ta bir sorun değildir.

131 javascript  jquery  google-chrome  html  contenteditable 

contentEditable-Based kontrol için değişim olayını nasıl dinlerim ? 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); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

Bir öğede imleç veya düzeltme dizini konumunun nasıl ayarlanacağına dair tonlarca iyi, çapraz tarayıcı yanıtı buluyorum contentEditable, ancak GET veya dizinini nasıl bulacağımı bilmiyorum ... Yapmak istediğim şey, bu div içindeki düzeltme işaretinin dizinini bilmek keyup. Bu nedenle, kullanıcı metin yazarken, imleci contentEditableöğenin içindeki indeksini her an bilebilirim . DÜZENLE: …

119 javascript  contenteditable  caret  cursor-position 

JavaScript'te, bir inputveya textareaöğesindeki metni programlı olarak seçmek mümkündür . Bir girdiyi ile odaklayabilir ipt.focus()ve ardından içeriğini seçebilirsiniz ipt.select(). İle belirli bir aralık bile seçebilirsiniz ipt.setSelectionRange(from,to). Sorum şu: Bunu bir contenteditableunsurda da yapmanın bir yolu var mı? elem.focus()İmleci bir contenteditableöğeye koymak için yapabileceğimi öğrendim , ancak daha sonra koşmak elem.select()işe …

119 javascript  selection  contenteditable 

Chrome'da çıktı : <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> FF'ye şunun gibi görüneceğine inanıyorum : hey <br /> what's up? ve IE'de : hey <p>what's up?</p> ne yazık ki, bunu yapmanın güzel bir yolu yok, böylece her tarayıcı <br />bir div- veya p-etiketi yerine …

111 javascript  html  cross-browser  contenteditable  caret 

Bir ön öğeyi tatmin edici olarak ayarladığımda ve düzenleme için ona odaklandığımda, etrafına çok hoş görünmeyen noktalı bir kenarlık alıyor. Odak başka bir yerdeyken sınır orada değildir. Bu sınırı nasıl kaldırırım? Teşekkürler

98 javascript  jquery  contenteditable