Описание тега contenteditable
NoneContentEditable - это атрибут HTML (изобретенный Microsoft и стандартизированный в HTML5), который используется для редактирования "форматированного текста" на стороне клиента в браузере.
1
ответ
Консолидация сложенных элементов форматирования DOM - contenteditable DIV
У меня есть довольный DIV, который связан / синхронизирован с текстовой областью. Contenteditable DIV - это бесплатная песочница для всех, которая будет создавать элементы форматирования и т. Д. По мере их вызова. Однако это часто приводит к грязным…
26 апр '13 в 00:04
1
ответ
Использовать ContentEditable для сохранения в БД с ASP.NET?
Я пытаюсь создать веб-страницу, где пользователь может редактировать текст, и когда они это сделают, они нажимают сохранить, и новый введенный текст сохраняется в базе данных. Я не получаю никаких ошибок в своем коде, но по какой-то причине старый т…
12 апр '12 в 15:16
5
ответов
Курсор в contenteditable не ведет себя должным образом в Chrome
У меня есть проблема, когда курсор переходит в неправильное место, когда пользователь нажимает внутри contenteditable div но за пределами фактического текста. Кажется, это проблема только в более новых версиях Chrome (а также Opera): по совпадению я…
13 сен '18 в 09:44
4
ответа
HTML - символ новой строки в редактируемом контенте DIV?
Я храню контент в базе данных, например: Hello This is Text и когда я передаю это текстовой области, она остается с новой строкой. Но если я передам этот текст в div с редактируемым содержимым, он останется так: Hello This is Text Как я могу исправи…
26 сен '13 в 20:28
2
ответа
Как связать допустимое значение td с ng-моделью
Привет у меня есть следующий элемент тд: <td ng-model="name" contenteditable='true'></td> В любом случае я могу передать это значение ng-модели из contenteditable td моему контроллеру? Заранее спасибо ребята
19 май '16 в 01:23
1
ответ
Прыжки курсора с помощью тега contenteditable в веб-просмотре на Android 4.4.4
создать веб-просмотр и вставить следующий HTML-код <p contenteditable="true"> Very long text </p> Поместите какой-нибудь длинный текст в p-тег, чтобы он стал прокручиваемым выделите первую строку текста, нажав в p-тег прокрутите вниз, по…
19 авг '14 в 09:32
1
ответ
Браузер автоматически вставляет ненужный код при вводе в contenteditable div
У меня есть спорный div с ul и некоторыми li в нем. Теперь, если я хочу добавить еще текст позади списка, я помещаю курсор после последнего li ("3") и дважды нажимаю ввод. После первого ввода он добавляет новый li, а после второго ввода закрывает ul…
22 авг '13 в 14:49
0
ответов
Невозможно переместить курсор в выделенном тексте и изменить текст
У меня есть мобильное приложение CordovaJS/Angular 1.x, и у меня есть представление, представленное ниже с div редактируемого содержимого - при наборе текста в редактируемом div пользователь не может переместить курсор для редактирования текста - но…
15 фев '18 в 14:57
2
ответа
Отредактируйте текст с помощью Ctrl-A (Выбрать все), удалив все дочерние элементы
В div с contenteditable="true", если я выделю весь текст с помощью Ctrl-A, а затем наберу что-то, он удалит все дочерние элементы внутри div, а не только текст. например: <div id="texteditor" contenteditable="true"> CTRL-A and Edit Me. <div…
14 май '13 в 11:44
1
ответ
Создать контролируемый contenteditable, который также работает на сенсорных мобильных телефонах
Привет, я пытаюсь создать компонент div, способный реагировать, который работает как поле ввода, но с некоторыми дополнительными функциями, которые я хочу реализовать, но так как функций немного, я хочу реализовать это сам, а не использовать что-то …
12 янв '18 в 07:12
3
ответа
Contenteditable / jQuery / Javascript - выберите текст от курсора / каретки до конца абзаца
Я пытаюсь создать новый абзац при нажатии клавиши ввода. Я могу сделать это, и это работает хорошо. Но теперь скажем, что курсор находится в середине абзаца - когда нажата клавиша ввода, я пытаюсь выбрать диапазон от позиции курсора до конца абзаца.…
18 апр '13 в 05:52
0
ответов
Слушатель событий на элементе внутри contenteditable
Как определить, был ли изменен элемент внутри contenteditable? Создание MutationObserver для тега внутри редактируемого содержимого не работает. Выполнение "ввода", "нажатия клавиши", "нажатия клавиши", "изменения" не работает так же хорошо. Слушате…
09 июн '18 в 18:15
1
ответ
Как вы можете поместить изображение со своего рабочего стола в редактор и переместить его?
Поведение по умолчанию, когда вы перетаскиваете что-то со своего рабочего стола на текстовое поле, заключается в том, что вы увидите путь к изображению в том месте, где вы его перетаскивали. Моя конечная цель состоит в том, чтобы преобразовать локал…
22 июн '15 в 21:30
5
ответов
Как создать однострочное поле для ввода текста?
У меня есть допустимое поле ввода на моей веб-странице. Что мне нужно сделать, чтобы преобразовать многострочный текст в однострочный, например, как это делает Google, если вы копируете большой объем текста в поле поиска? Пример - я копирую такой те…
22 июл '15 в 21:01
2
ответа
Фиксированная ширина на втором тд в редактируемой таблице
Я хочу иметь фиксированную ширину для моей редактируемой таблицы, но я также хочу установить разную ширину для каждого TD. В моей попытке я могу установить таблицу с фиксированной шириной, но это приводит к тому, что ширина TD кажется 50% вместо 80%…
29 окт '14 в 05:58
2
ответа
Contenteditable с ng-моделью не работает
Я пытаюсь сохранить значение contenteditable на мой код JS. Но я не могу понять, почему ng-model не работает в этом случае. <div ng-app="Demo" ng-controller="main"> <input ng-model="inputValue"></input> <div>{{inputValue}}<…
18 фев '15 в 12:25
2
ответа
Анимация высоты Contenteditable: анимировать только после удаления строки
Это продолжение моего предыдущего вопроса. Мне удалось исправить "паузы анимации при каждом нажатии клавиши", добавив условие e.which === 13, который обнаруживает и анимирует при нажатии клавиши Enter. Вот как работает предыдущий: Как вы можете виде…
09 авг '16 в 01:58
3
ответа
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 это будет выглядеть …
20 ноя '10 в 14:49
2
ответа
Прохождение выбора пользователя в Ckeditor
Я работаю над проектом, в котором мне нужно передать выбор данных, сделанный до загрузки CKEditor. /** * Get text selection. */ Drupal.xeditor.getSelection = function() { var text = ""; if (window.getSelection) { text = window.getSelection().toStrin…
08 июл '14 в 06:46
2
ответа
Как определить, когда дочерний элемент contenteditable DIV редактируется с помощью клавиатуры?
Учитывая этот HTML-код: <div contenteditable> .... <span> child-element </span> .... </div> Когда пользователь щелкает элемент SPAN (чтобы поместить внутри него курсор), а затем нажимает символьную клавишу на клавиатуре (чтоб…
19 июл '11 в 19:08