Câu hỏi được gắn thẻ «contenteditable»

Tôi muốn chạy một chức năng khi người dùng chỉnh sửa nội dung của thuộc tính divwith contenteditable. Tương đương với một onchangesự kiện là gì? Tôi đang sử dụng jQuery nên mọi giải pháp sử dụng jQuery đều được ưu tiên. Cảm ơn!

359 javascript  jquery  html  contenteditable 

Tôi có ví dụ HTML đơn giản này: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Tôi muốn điều đơn giản - khi tôi nhấp vào nút, tôi muốn đặt dấu mũ (con trỏ) vào vị trí cụ thể trong div có thể …

188 javascript  jquery  contenteditable  caret  cursor-position 

Tôi đang theo một giải pháp trình duyệt chéo, dứt khoát để đặt vị trí con trỏ / dấu mũ đến vị trí đã biết cuối cùng khi contentEditable = 'on' <div> lấy lại tiêu điểm. Nó xuất hiện chức năng mặc định của div có thể chỉnh sửa nội …

142 javascript  jquery  html  contenteditable  cursor-position 

Tôi có một contenteditableyếu tố, và bất cứ khi nào tôi gõ một số nội dung và nhấn ENTERnó sẽ tạo ra một dòng mới <div>và đặt văn bản dòng mới vào đó. Tôi không thích điều này một chút. Có thể ngăn chặn điều này xảy ra hoặc ít …

131 javascript  jquery  google-chrome  html  contenteditable 

Làm cách nào để lắng nghe sự kiện thay đổi đối với contentEditableđiều khiển dựa trên cơ sở? 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 …

120 javascript  dom  contenteditable  reactjs 

Tôi đang tìm rất nhiều điều hay, trình duyệt chéo về cách ĐẶT vị trí chỉ mục con trỏ hoặc dấu mũ trong một contentEditablephần tử, nhưng không có gì về cách TẢI hoặc tìm chỉ mục của nó ... Những gì tôi muốn làm là biết chỉ số của …

119 javascript  contenteditable  caret  cursor-position 

Trong JavaScript, bạn có thể lập trình chọn văn bản trong một inputhoặc textareaphần tử. Bạn có thể đặt tiêu điểm đầu vào bằng ipt.focus(), rồi chọn nội dung của nó bằng ipt.select(). Bạn thậm chí có thể chọn một phạm vi cụ thể với ipt.setSelectionRange(from,to). Câu hỏi của tôi …

119 javascript  selection  contenteditable 

đầu ra trong 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> Tôi tin rằng trong FF nó sẽ giống như thế này: hey <br /> what's up? và trong IE : hey <p>what's up?</p> Thật không may, không có cách nào <br />hay ho …

111 javascript  html  cross-browser  contenteditable  caret 

Khi tôi đặt một phần tử trước thành có thể nội dung được và đặt tiêu điểm vào đó để chỉnh sửa, nó sẽ nhận được một đường viền chấm xung quanh trông không đẹp cho lắm. Đường viền không ở đó khi tiêu điểm ở một nơi khác. Làm …

96 javascript  jquery  contenteditable 

Tôi cần di chuyển dấu mũ đến cuối contenteditablenút như trên tiện ích ghi chú Gmail. Tôi đọc các chủ đề trên StackOverflow, nhưng các giải pháp đó dựa trên việc sử dụng đầu vào và chúng không hoạt động với contenteditablecác phần tử.

83 javascript  contenteditable  cursor-position 

Tôi đang xem xét việc xây dựng trình chỉnh sửa với Slate hoặc ProseMirror và thấy một số hành vi lạ với Chrome xung quanh vị trí lựa chọn và vùng chọn khi sử dụng phần tử nội tuyến. Vấn đề 1 được hiển thị trong hình đầu tiên bên …

8 html  css  contenteditable  slatejs  prose-mirror