Вопросы с тегом «contenteditable»

Я хочу запустить функцию, когда пользователь редактирует содержимое атрибута divwith contenteditable. Что эквивалентно onchangeсобытию? Я использую jQuery, поэтому любые решения, использующие jQuery, предпочтительнее. Спасибо!

359 javascript  jquery  html  contenteditable 

В качестве примера у меня есть этот простой HTML: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Мне нужна простая вещь - когда я нажимаю кнопку, я хочу поместить курсор (курсор) в определенное место в редактируемом div. После поиска в Интернете у меня …

202 javascript  jquery  contenteditable  caret  cursor-position 

Я пришел к окончательному кросс-браузерному решению, чтобы установить позицию курсора / каретки в последнюю известную позицию, когда contentEditable = 'on' <div> восстанавливает фокус. Кажется, по умолчанию функциональность редактируемого содержимого div заключается в перемещении курсора / курсора в начало текста в div при каждом нажатии на него, что нежелательно. Я полагаю, …

142 javascript  jquery  html  contenteditable  cursor-position 

У меня есть contenteditableэлемент, и всякий раз, когда я набираю что-то и нажимаю, ENTERон создает новый <div>и помещает туда новый текст строки. Мне это немного не нравится. Можно ли этого предотвратить или хотя бы просто заменить на <br>? Вот демо http://jsfiddle.net/jDvau/ Примечание. В firefox это не проблема.

131 javascript  jquery  google-chrome  html  contenteditable 

Как мне прослушать событие изменения для contentEditableуправления на основе? 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 

Я нахожу массу хороших кроссбраузерных ответов о том, как УСТАНОВИТЬ курсор или позицию индекса курсора в contentEditableэлементе, но ни одного о том, как ПОЛУЧИТЬ или найти его индекс ... Я хочу знать индекс каретки в этом div, on keyup. Итак, когда пользователь набирает текст, я могу в любой момент узнать …

119 javascript  contenteditable  caret  cursor-position 

В JavaScript можно программно выделить текст в элементе inputили textarea. Вы можете сфокусировать ввод с помощью ipt.focus(), а затем выбрать его содержимое с помощью ipt.select(). Вы даже можете выбрать определенный диапазон с помощью ipt.setSelectionRange(from,to). Мой вопрос: есть ли способ сделать это и в contenteditableэлементе? Я обнаружил, что могу elem.focus()поместить курсор …

119 javascript  selection  contenteditable 

вывод в 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> Я считаю, что в FF это будет выглядеть примерно так: hey <br /> what's up? и в IE : hey <p>what's up?</p> К сожалению, нет хорошего способа сделать так, чтобы каждый браузер вставлял <br …

111 javascript  html  cross-browser  contenteditable  caret 

Когда я устанавливаю для элемента pre значение contenteditable и помещаю в него фокус для редактирования, вокруг него появляется пунктирная рамка, которая выглядит не очень красиво. Границы нет, когда фокус находится где-то еще. Как мне удалить эту границу? Спасибо

96 javascript  jquery  contenteditable 

Мне нужно переместить курсор в конец contenteditableузла, как в виджете заметок Gmail. Я читаю потоки в StackOverflow, но эти решения основаны на использовании входных данных и не работают с contenteditableэлементами.

87 javascript  contenteditable  cursor-position