Вопросы по теме 'contenteditable'

Как сделать HTML-элемент ‹div› редактируемым кроссбраузерным?
Вы знаете, как сделать <div> редактируемым с помощью JavaScript? Я ищу кросс-браузерное решение. Что-то похожее на область форматированного текста, но в ней используется редактируемый <iframe> . Мне нужно нечто подобное для...
58797 просмотров

IE7 contentРедактируемый перенос слов
У меня есть следующий код: <html> <style type="text/css"> DIV { display:inline; border: solid red 1px; } .editable { background:yellow; } </style> <div class="editable" contentEditable="true">...
2953 просмотров

ContentEditable размещение каретки javascript в div
У меня есть contentEditable div. Допустим, пользователь нажимает кнопку, которая вставляет HTML-код в редактируемую область. Итак, они нажимают кнопку, и к innerHTML элемента contentEditable добавляется следующее: <div...
3730 просмотров
schedule 14.03.2022

Как изменить поведение блоков contenteditable после нажатия кнопки ввода в различных браузерах
При нажатии энтер в <div contenteditable="true"> </div> в firefox выдается <br /> - это нормально. Но в Chrome или IE создается новый <div> или <p> . Что мне делать, чтобы Chrome и IE вели себя как Firefox.
18489 просмотров

Автодополнение в стиле тегов и перемещение каретки/курсора в элементах, доступных для редактирования
Я работаю над плагином jQuery, который позволит вам делать теги стиля @username , как это делает Facebook в поле ввода обновления статуса. Моя проблема в том, что даже после нескольких часов исследований и экспериментов кажется ДЕЙСТВИТЕЛЬНО...
2341 просмотров
schedule 24.05.2022

Состояние удовлетворенного
Состояние удовлетворенного Разметка, созданная редакторами wysiwyg, ужасна. Он завален атрибутами стиля и часто даже не является действительным HTML (отсутствуют закрывающие теги, перекрывающиеся стили и т. Д.). Существуют ли какие-либо...
6446 просмотров
schedule 05.09.2022

Изменить положение курсора в contenteditable div после изменения innerHTML
У меня есть простой contenteditable div с некоторым текстом в нем. В событии onkeyup я хочу заменить весь контент (innerHTML) div на основе регулярного выражения. Например, HTML: some text, more text and $even more text Функция, в...
6355 просмотров

Как заставить Google Chrome автоматически изменять исходный код HTML-элементов, доступных для редактирования?
Я использую атрибут contenteditable для своего собственного редактора WYSIWYG. Большинство проблем я решил сам, однако одну не могу понять. Contenteditable ведет себя немного странно, потому что мой редактор генерирует код XHTML, и как только я...
720 просмотров

Фокус ContentEditable в Chrome/Safari
У меня есть contenteditable div, который должен быть сфокусирован при загрузке страницы (поместите курсор в первую строку). document.getElementById("editor").focus() хорошо работает в Firefox и IE, но в Chrome/Safari он просто выбирает весь...
4959 просмотров

Добавить диапазон для выделенного текста в contenteditable div
Я хочу, чтобы пользователь мог выбрать текст в div и добавить к нему <span style="color: #ff3300;"> . Пример кода @ http://jsfiddle.net/SkDA8/1/ Наведите курсор на div и нажмите на отсутствующее изображение, чтобы отобразить образец...
1267 просмотров
schedule 03.07.2022

Применить jquery css к выделению текста, доступного для редактирования
Могу ли я применить css к выделенному тексту в div, доступном для редактирования, вместо использования команды execcommand. Например, я хотел бы использовать jquery для применения CSS к выбранному диапазону, например...
1427 просмотров
schedule 03.07.2022

Переместите курсор на элемент-заполнитель в contentEditable DIV
У меня есть contentEditable DIV, и когда пользователь нажимает клавишу, базовый код обрабатывается и заменяется обновленным кодом. Увы, это приводит к потере позиции курсора. Однако, чтобы сохранить положение курсора, я успешно вставляю <span...
2038 просмотров

Как заставить window.getselection работать с типом ввода = текстовое поле
У меня есть контентный div, например: <div id="test" contentEditable="true" style="width: 600px; height:300px;">Lorem ipsum dolor sit amet</div> для чего я использую следующий код: <input type="button" value="Click me"...
8553 просмотров
schedule 17.03.2022

Отключите исправление грамматики в contenteditable div в FireFox
У меня есть contenteditable div с текстом на нем. В firefox есть какая-то грамматическая коррекция, которая подчеркивает текст красной маркировкой. Как я могу отключить его? Как отключить красную маркировку в FireFox? <div...
7471 просмотров

Программно выделить текст в содержательном элементе HTML?
В JavaScript можно программно выделить текст в элементе input или textarea . Вы можете сфокусировать ввод с помощью ipt.focus() , а затем выбрать его содержимое с помощью ipt.select() . Вы даже можете выбрать определенный диапазон с помощью...
74178 просмотров
schedule 09.07.2022

contentEditable div заменяет innerHTML на лету
Есть ли способ (кроме библиотеки Rangy) изменить contentEditable Div InnerHTML на лету, как при нажатии клавиш, без потери позиции курсора / фокуса? Я хотел бы использовать чистый код javascript, настолько простой, насколько это возможно. Например...
5403 просмотров
schedule 09.07.2022

Угрозы безопасности из-за отправленного пользователем HTML
Я использую div contentEditable, который позволяет пользователям редактировать основной HTML-код, а затем размещать его непосредственно на сайте с помощью запроса AJAX. Естественно, мне нужно проверить его безопасность. Самым очевидным было...
1113 просмотров
schedule 17.03.2022

Предыдущий элемент выбора диапазона jquery на contenteditable = false
У меня есть этот фрагмент: <div contenteditable="true"> father <a contenteditable="false" href="#"> myLink </a> </div> Моя проблема в том, что если я поставлю каретку после </a> и я пытаюсь...
876 просмотров
schedule 17.11.2022

Скрытие полей списка опросов Sharepoint
У меня есть список опроса. Мне нужно скрыть конкретный вопрос, поместив javascript в веб-часть редактора контента. Может ли кто-нибудь дать мне правильный код javascript, чтобы скрыть вопрос в списке опроса?
3925 просмотров

Заполнитель в contenteditable - проблема с событием фокуса
Я пытался спросить об этом раньше, но мне не удалось объяснить / доказать рабочий пример, в котором возникает ошибка. Итак, вот еще одна попытка: Я пытаюсь воспроизвести эффект заполнителя на содержательном DIV. Основная концепция проста:...
39794 просмотров