Pertanyaan yang diberi tag «contenteditable»

Saya ingin menjalankan fungsi ketika pengguna mengedit konten divdengan contenteditableatribut. Apa yang setara dengan suatu onchangeacara? Saya menggunakan jQuery sehingga solusi apa pun yang menggunakan jQuery lebih disukai. Terima kasih!

359 javascript  jquery  html  contenteditable 

Saya punya HTML sederhana ini sebagai contoh: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Saya ingin hal yang sederhana - ketika saya mengklik tombol, saya ingin menempatkan tanda (kursor) ke tempat tertentu di div yang dapat diedit. Dari pencarian melalui web, JS …

191 javascript  jquery  contenteditable  caret  cursor-position 

Saya mencari solusi lintas browser yang definitif untuk mengatur posisi kursor / tanda sisipan ke posisi terakhir yang diketahui ketika contentEditable = 'on' <div> mendapatkan kembali fokus. Tampaknya fungsi default div konten yang dapat diedit adalah untuk memindahkan tanda sisipan / kursor ke awal teks dalam div setiap kali Anda …

142 javascript  jquery  html  contenteditable  cursor-position 

Saya memiliki contenteditableelemen, dan setiap kali saya mengetik beberapa barang dan menekannya ENTERmenciptakan yang baru <div>dan menempatkan teks baris baru di sana. Saya tidak suka yang ini sedikit pun. Apakah mungkin untuk mencegah hal ini terjadi atau setidaknya hanya menggantinya dengan <br>? Inilah demo http://jsfiddle.net/jDvau/ Catatan: Ini bukan masalah di …

131 javascript  jquery  google-chrome  html  contenteditable 

Bagaimana cara mendengarkan perubahan acara untuk contentEditablekontrol berbasis? 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 

Saya menemukan banyak sekali jawaban crossbrowser yang bagus tentang cara MENGATUR posisi indeks kursor atau tanda sisipan dalam sebuah contentEditableelemen, tetapi tidak ada tentang cara MENDAPATKAN atau menemukan indeksnya ... Yang ingin saya lakukan adalah mengetahui indeks tanda sisipan dalam div ini, di keyup. Jadi, saat pengguna mengetik teks, saya …

119 javascript  contenteditable  caret  cursor-position 

Dalam JavaScript, dimungkinkan untuk memilih teks secara terprogram dalam elemen inputatau textarea. Anda dapat memfokuskan input dengan ipt.focus(), lalu memilih kontennya dengan ipt.select(). Anda bahkan dapat memilih rentang tertentu dengan ipt.setSelectionRange(from,to). Pertanyaan saya adalah: apakah ada cara untuk melakukan ini dalam sebuah contenteditableelemen juga? Saya menemukan bahwa saya bisa melakukannya …

119 javascript  selection  contenteditable 

keluaran di 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> Saya percaya FF akan terlihat seperti ini: hey <br /> what's up? dan di IE : hey <p>what's up?</p> sayangnya, tidak ada cara yang baik untuk membuatnya sehingga setiap browser memasukkan <br />bukan div- …

111 javascript  html  cross-browser  contenteditable  caret 

Ketika saya menetapkan elemen pra ke konten yang dapat diedit dan fokus di dalamnya untuk pengeditan, itu menerima batas putus-putus di sekitarnya yang tidak terlihat sangat bagus. Perbatasan tidak ada saat fokus berada di tempat lain. Bagaimana cara menghapus perbatasan itu? Terima kasih

96 javascript  jquery  contenteditable