Публикации по теме 'contenteditable'
Использование консоли браузера с вложенными фреймами
Если вы какое-то время играли с TinyMCE, вероятно, вы использовали консоль JavaScript своего браузера, чтобы посмотреть, как ведет себя редактор. Если нет, это отличный способ взаимодействовать с TinyMCE API на лету.
В этом посте я расскажу об использовании консоли браузера с TinyMCE. В частности, когда редактор вложен в один или несколько фреймов в DOM.
Браузерные консоли широко распространены во всех современных браузерах. Вот как выглядит взаимодействие с TinyMCE в Chrome:..
Вопросы по теме 'contenteditable'
Риск использования contentEditable в IE
Мы должны добавить в наш продукт базовый редактор HTML. Поскольку в настоящее время мы поддерживаем только IE (большинство клиентов все еще используют IE 6), мне посоветовали использовать встроенные в Internet Explorer возможности редактирования...
22941 просмотров
schedule
09.10.2023
contenteditable div на самом деле не редактируется в webkit
У меня есть div с атрибутом contenteditable, установленным на true, однако он не показывает мигающий курсор и не обновляется, когда я набираю в него текст. Я добавил слушателей событий для фокуса, нажатия клавиш и нажатия клавиш, чтобы узнать,...
7753 просмотров
schedule
06.07.2022
Получить позицию курсора (курсора) в области contentEditable, содержащей HTML-контент
У меня есть элемент contentEditable (может быть p, div, ...), и я хотел бы получить в нем позицию курсора (курсора). Обычно я могу добиться этого с помощью этого фрагмента кода:
var position = window.getSelection().getRangeAt(0).startOffset;...
73132 просмотров
schedule
22.06.2023
Редактируемая строка таблицы, модификатор столбца
Можно ли вообще не отображать изменение строки и столбца (2 стрелки и крест) при создании редактируемой таблицы. Я просмотрел черновик W3C для contenteditable, и в нем ничего не говорится о конкретных случаях различных элементов.
3385 просмотров
schedule
10.09.2022
Изящная деградация контентаРедактируется на iPhone и iPad
К моему ужасу, я обнаружил, что атрибут contentEditable=true не работает должным образом на iPhone или iPad.
Есть ли способ изящно ухудшить качество div contentEditable, не прибегая к текстовой области и не теряя всех преимуществ форматирования...
2262 просмотров
schedule
30.04.2023
заменить innerHTML в contenteditable div
мне нужно реализовать выделение для чисел (в будущем я добавлю более сложные правила) в contenteditable div. Проблема в том, что когда я вставляю новый контент с заменой javascript, DOM изменяется, а contenteditable div теряет фокус. Что мне нужно,...
14326 просмотров
schedule
29.08.2023
Настройка поведения Contenteditable с помощью Javascript
В настоящее время в Firefox, когда я нажимаю клавишу возврата в абзаце contenteditable , он вставляет тег br , создает новый тег абзаца, а затем помещает тег br внутрь этого нового абзаца. Я хотел бы изменить поведение таким образом, чтобы...
2854 просмотров
schedule
20.09.2022
Contenteditable - извлечь текст от каретки до конца элемента
просмотрев все возможные вопросы и ответы, попробую так.
Я программирую RTE, но мне не удалось успешно извлечь текст в элементе, доступном для редактирования. Причина этого в том, что каждый браузер обрабатывает узлы и события нажатия клавиш (#13)...
2033 просмотров
schedule
17.05.2022
Firefox и contentEditable spans
Я использую WYSIWYG (InnovaEditor) для редактирования контента на своем веб-сайте, и он работает в Chrome, IE и в основном в Firefox, но у FF есть немного неприятная проблема. Я вставляю теги span в контент, чтобы позже можно было объединить...
1074 просмотров
schedule
30.07.2022
Работа с разрывами строк в contentEditable DIV
У меня проблема с contenteditable разрывами строк в SAFARI / CHROME. Когда я нажимаю "возврат" в contentEditable <div> , вместо создания <br> (например, Firefox) они создают новый <div> :
<div>Something</div>...
63276 просмотров
schedule
23.05.2022
вызвать событие при изменении contenteditable
Когда значение div изменяется, как я могу вызвать событие?
<div class="changeable" contenteditable="true"> Click this div to edit it <div>
Поэтому, когда его содержимое меняется, я хочу создать предупреждение и/или сделать что-то...
56341 просмотров
schedule
25.06.2022
Как мне сохранить исходный img src (отключить URI данных) при вставке изображения в Firefox contentEditable div
У меня есть редактор, который содержит div с contentEditable = true, где я позволяю пользователю вставлять изображения из буфера обмена, а также изменять атрибут SRC изображения изнутри редактора.
В IE он работает нормально, но в Firefox...
616 просмотров
schedule
26.01.2023
Измените плагин так, чтобы он работал с contentEditable Div вместо Textarea
Возможный дубликат: Вставить текст под курсором в редактируемом div
У меня есть плагин code / jQuery.
jQuery.fn.extend({
insertAtCaret: function(myValue) {
return this.each(function(i) {
if...
95 просмотров
schedule
07.09.2023
contenteditable: Обнаружение изменений элемента при использовании модификатора строки/столбца
Я использовал следующий код из предыдущей публикации для обнаружения (большинства) изменений в элементе с атрибутом «contenteditable». Но, к сожалению, он не включает изменения в таблицах, которые происходят при использовании элементов управления...
720 просмотров
schedule
02.12.2022
Событие размытия jQuery запускается несколько раз при редактировании динамического содержимого
Когда я нажимаю на элемент div определенного класса, я меняю contenteditable на true. onblur этого щелкнутого div, я хочу, чтобы он что-то предупредил. В первый раз, когда я размываю div, он работает нормально, но после этого он дважды...
1968 просмотров
schedule
15.05.2023
Использование contenteditable в форме электронной почты с использованием jQuery / Javascript
Я взял несколько сценариев из других источников стека, чтобы создать контактную форму, которая отправляет мне электронное письмо, когда пользователь отправляет сообщение.
HTML:
<form onsubmit="return getContent()">
<fieldset>...
741 просмотров
schedule
28.06.2022
Установка (связанных) свойств объекта модели из представления в EmberJSPgrammatically?
Вопрос. Как обновить свойство объекта, чтобы оно соответствовало innerHtml элемента в представлении при нажатии кнопки?
Я работаю над созданием интерфейса редактирования контента с использованием EmberJS и атрибута HTML5 contenteditable (через...
536 просмотров
schedule
03.09.2022
Contenteditable Div игнорирует поля родительского Div в IE (9)
Я создаю собственный форматированный текстовый редактор. И в своем текущем использовании он вставляет себя — div — перед текстовой областью, вложенной в div.
Этот блок-контейнер должен начинаться с верхнего поля, которое опускает его вниз на...
442 просмотров
schedule
05.05.2023
contenteditable различия вложенных браузеров
Из того, что я прочитал, существует довольно много различий между браузерами в том, как обрабатываются элементы, доступные для редактирования. (т. е. ссылка ). Когда элемент «contenteditable=true» содержит элемент «contenteditable=false», элемент...
592 просмотров
schedule
08.04.2022
Как я могу перемещать курсор между элементами списка содержимого (с разными отступами), сохраняя смещение курсора по x?
У меня есть список элементов с разными отступами:
List item 1
List item 2
List item 3
Я включаю contentEditable , когда пользователь щелкает элемент списка. Теперь, когда пользователь нажимает клавишу со стрелкой up , я хочу...
655 просмотров
schedule
02.08.2023