Запитання з тегом «contenteditable»

Я хочу , щоб запустити функцію , коли користувач редагує вміст divз 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> Хочу просту річ - коли натискаю кнопку, я хочу розмістити карету (курсор) у певному місці в редагованому розділі. Під час пошуку в Інтернеті цей JS приєднаний до натискання …

190 javascript  jquery  contenteditable  caret  cursor-position 

Мені після остаточного рішення для крос-браузера встановити позицію курсора / каретки на останню відому позицію, коли contentEditable = 'on' <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елементі, але жоден про те, як отримати або знайти його індекс ... Що я хочу зробити, це знати індекс карети в цьому розділі, на 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 

Коли я встановлюю попередній елемент на contenteditable і фокусую в ньому для редагування, він отримує пунктирну межу навколо нього, що виглядає не дуже красиво. Кордону немає, коли фокус знаходиться десь в іншому місці. Як мені зняти цю межу? Дякую

96 javascript  jquery  contenteditable 

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

84 javascript  contenteditable  cursor-position 

У мене є div із заданим набором, і я захоплюю натискання клавіші за допомогою jquery для виклику prevenDefault () при натисканні клавіші enter. Подібно до цього питання, яке вставляє текст біля курсору, я хотів би безпосередньо вставити html, для стислості ми скажемо його тег br. Використання відповіді на вищезазначене питання …

74 javascript  jquery  contenteditable