Лучшие contenteditable вопросы ИТ разработчиков

  • 4голос
  • 1ответ
  • 0просмотров

Перетащите изображение в contenteditable в Chrome до курсора

В Firefox, если я перетащу изображение в contenteditable поле с рабочего стола, оно будет встроено как base64 в положение курсора HIGHLIGHTED. JSFiddle:http://jsfiddle.net/zupa/YrwsS/ [http://jsfiddle.net/zupa/YrwsS/] Теперь в Chrome ...

Задан May 18, 2012, 2:14 PMотzupa
  • 8голос
  • 1ответ
  • 0просмотров

Переместить позицию курсора с помощью Javascript?

Я рассчитываю переместить каретку ровно на четыре пробела вперед от ее текущего положения, чтобы я мог правильно вставить вкладку. Я уже получил вставку HTML в позиции каретки, но когда я вставляю HTML, каретка остаётся позади. Я провел последний ...

Задан May 28, 2012, 1:19 AMотElliot Bonneville
  • 5голосов
  • 3ответа
  • 0просмотров

Вставить как обычный текст Contenteditable div & textarea (word / excel…)

Я хотел бы вставить текст в contenteditable div, но реагировать как текстовое поле. Обратите внимание, что я хочу сохранить форматирование так, как я бы вставил его в текстовую область (от word, excel ...). Так. 1) Вставить текст в ...

Задан Feb 26, 2015, 9:16 PMотDeduplicatorZiggiej
  • 66голосов
  • 5ответов
  • 0просмотров

Как переместить курсор в конец объекта

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

Задан Jul 27, 2014, 5:53 AMотVito Gentileavsej
  • 3голос
  • 1ответ
  • 0просмотров

Как выбрать узел в диапазоне с браузерами webkit?

В настоящее время я работаю над решением WYSIWYG, и мне нужна функция для правильного выбора диапазона с узлом (под этим я подразумеваю сам узел, а не только его содержимое) У DOM lvl2 явно есть функция для ...

Задан Jul 11, 2012, 12:43 PMотvor
  • 18голосов
  • 4ответа
  • 0просмотров

Как отследить курсор / курсор в contenteditable?

Я бы хотел отследить движение курсора / курсора в contenteditable. Однако я не уверен, что это лучший способ сделать это. В данный момент я прослушиваю щелчки, нажатия клавиш, нажатия клавиш. (Разумеется, нажатие клавиши не срабатывает даже при ...

Задан Jul 12, 2012, 2:21 AMотYang
  • 3голос
  • 1ответ
  • 0просмотров

Передача содержимого редактируемого поля contenteditable из вида в контроллер в Rails

Я использую Rails 3.1 для создания веб-формы, которая, помимо других полей, содержит таблицу, ячейки которой можно редактировать. Требую сохранить текст отредактированной ячейки в базе данных. Я думаю об использовании атрибута HTML5 ...

Задан Jul 19, 2012, 3:26 PMотDeepank Vora
  • 4голосов
  • 2ответа
  • 0просмотров

Как я могу «заменить» выделенный текстовый диапазон в текстовой области в Chrome?

Я пытаюсь использовать Javascript для замены выделенного текста в произвольно выбранном узле TEXTAREA в Chrome (! Не редактируемый div содержимого!) Фрагмент кода, который я вижу, повторяется во многих местах для замены выделенного текста, в ...

Задан Aug 15, 2012, 10:13 PMотDavid Jeske
  • 26голос
  • 1ответ
  • 0просмотров

Как я могу получить элемент каретки в Javascript при использовании contentEditable?

Допустим, у меня есть некоторый HTML-код, подобный следующему: <body contentEditable="true"> <h1>Some heading text here</h1> <p>Some text here</p> </body>Теперь каретка (мигающий курсор) мигает внутри элемента H1, скажем, в слове «заголовок». ...

Задан Feb 22, 2018, 12:40 PMотSinister BeardLucas
  • 22голосов
  • 4ответа
  • 0просмотров

Как сделать кликабельный якорь в contentEditable div?

У меня есть следующий код: <div contentEditable="true"> Blah blah <a href="http://google.com">Google</a> Blah blah </div>скрипка [http://jsfiddle.net/GeVpe/] Есть ли способ сделать этоa кликабельный, не редактируемый, без перемещения якоря за ...

Задан Aug 21, 2012, 4:25 PMотInfinity
  • 1голосов
  • 2ответа
  • 0просмотров

Не теряйте фокус при нажатии на другой элемент

Я пишу небольшой «редактор на месте» для проекта, но столкнулся с двумя проблемами с сохранением фокуса и размывания. Я сделал скрипку, чтобы лучше объяснить свою ...

Задан Aug 31, 2012, 12:17 PMотSebastian Sebald
  • 34голосов
  • 5ответов
  • 0просмотров

Как выделить весь текст в contenteditable div?

Прежде чем это будет помечено как дубликат, я хочу, чтобы вы поняли, что на самом деле никто не дал хорошего ответа на этот конкретный вопрос. Ввыделите весь текст в contenteditable div, когда он ...

Задан May 23, 2017, 11:53 AMотCommunitythink123
  • 3голос
  • 1ответ
  • 0просмотров

contenteditable div теряет выбор, когда фокусируется другой ввод

У меня проблема с contenteditable div. Когда я хочу выполнить на нем простую команду (например, жирный или курсив), я делаю следующее: * memorize the div (since it will lose focus after i click on bold button) * on button click, i refocus the ...

Задан Oct 08, 2012, 9:07 AMотMarius
  • 3голосов
  • 3ответа
  • 0просмотров

Как анализировать редактируемый текст DIV с совместимостью с браузером

Я делаю div как редактируемый. в то время как я пытался разобрать текст div, мне было нужно сделать следующее регулярное выражение. innerDOM = "<div style="cursor: text;">I had downloaded all the material from the Intern,<br>You will ...

Задан Oct 11, 2012, 5:02 AMотuser10
  • 34голосов
  • 5ответов
  • 0просмотров

Как выделить весь текст в contenteditable div?

Прежде чем это будет помечено как дубликат, я хочу, чтобы вы поняли, что на самом деле никто не дал хорошего ответа на этот конкретный вопрос. Ввыделите весь текст в contenteditable div, когда он ...

Задан Sep 03, 2012, 5:51 AMотthink123
  • 3голос
  • 1ответ
  • 0просмотров

contenteditable div теряет выбор, когда фокусируется другой ввод

У меня проблема с contenteditable div. Когда я хочу выполнить на нем простую команду (например, жирный или курсив), я делаю следующее: * запомнить div (так как он потеряет фокус после нажатия жирной кнопки) * при нажатии кнопки я перефокусирую ...

Задан Oct 08, 2012, 7:07 AMотMarius
  • 7голосов
  • 3ответа
  • 0просмотров

Установить курсор в конец contenteditable div

Я пытаюсь установить курсор на конец следующего / предыдущего тега contenteditable, если текущий пустой, но когда я устанавливаю фокус, он добавляет фокус к началу текста, а не к концу. Попробовал почти все решения на SO, но ни один работать на ...

Задан Nov 22, 2012, 12:02 PMотRoss
  • 8голос
  • 1ответ
  • 0просмотров

Chrome пустой contenteditable сохраняя стиль

Chrome, кажется, делает что-то странное / интересное / сбивающее с толку, когда у меня есть спорный раздел на странице. Если у вас есть раздел текста, который обернут (возможно, другие теги, я не знаю), к которым применен класс, который применяет ...

Задан Jan 03, 2013, 6:40 PMотThomas Jones
  • 30голосов
  • 5ответов
  • 0просмотров

HTML согласен с нередактируемыми островами

У меня есть своего рода WYSIWYG редактор на основе браузера, где пользователи могут редактировать документы-шаблоны. Документ-шаблон представляет собой обычный HTML с некоторыми специальнымизаполнители кода слияния », Такой шаблон ...

Задан Jan 30, 2013, 10:05 PMотc-smile
  • 4голос
  • 1ответ
  • 0просмотров

JQuery: преобразовать текстовый URL для ссылки как печатать

Я делаю успехи, но не совсем уверен, как заставить это работать правильно ... У меня есть contenteditable div, который будет функционировать подобно текстовой области. У меня также есть регулярное выражение для распознавания набираемых ...

Задан Jan 31, 2013, 9:21 PMотBennett
  • 5голосов
  • 4ответа
  • 0просмотров

contenteditable и не кнопочные элементы

Я легко могу выполнить execcommand на contenteditable выбор, используя кнопку. Однако использование любого другого элемента не удается. http://jsbin.com/atike/edit [http://jsbin.com/atike/edit] Почему это так и как я могу заставить его ...

Задан Sep 25, 2009, 8:08 PMотMark
  • 12голосов
  • 2ответа
  • 0просмотров

Двухстороннее связывание предмета в ng-списке

Я ищу, чтобы обновить имя телефона в списке телефонов, используя атрибут contenteditable. Я пытался использовать нг-изменения, но это не уволили. Есть ли способ, которым я могу сделать это? У меня есть списокStore.Phones * {{Phone.Name}} * ...

Задан Feb 27, 2013, 8:35 AMотPhani
  • 17голосов
  • 4ответа
  • 0просмотров

Конвертировать HTML в обычный текст в contentEditable

у меня естьcontentEditable и я раздеваю форматирование вставленного контентаon('paste') поймав событие. Затем я фокусирую текстовую область, вставляю туда содержимое и копирую значение. В значительной степени ответ ...

Задан Feb 27, 2013, 11:21 PMотAlex
  • 12голос
  • 1ответ
  • 0просмотров

получить последний символ перед позицией каретки в JavaScript

Я собираюсь реализовать Facebook, как в интеграции в моемcontenteditable divгде, если я дам '$2$#39; и какой-то персонаж, как «а» Мне нужно самовнушение, которое должно появиться рядом с моей позицией каретки. Мне нужно знать, как узнать ...

Задан Mar 01, 2013, 11:09 AMотAnoop
  • 8голосов
  • 4ответа
  • 0просмотров

Установить курсор после элемента span внутри contenteditable div

Как я могу установить курсор после элемента span внутри contenteditable div? Прямо сейчас яve изображение внутри элемента span, внутри contenteditable div. Когда я добавляю некоторые символы, они добавляются в промежуток, но я хочу, чтобы они ...

Задан Apr 04, 2013, 12:20 PMотLaurens Schuitemaker
  • 11голосов
  • 3ответа
  • 0просмотров

Редакторы содержимого, редактируемые в тексте

Я опробовал несколько редакторов HTML, включая TinyMCE, CKEditor и теперь NicEdit. NicEdit хорош в одном отношении - его очень легко настроить. Однако я обнаружил, что все они имеют тенденцию создавать очень плохой HTML. Не обязательно так, но ...

Задан Apr 18, 2013, 2:12 AMотDroidOS
  • 1голос
  • 1ответ
  • 0просмотров

Консолидация сложенных элементов форматирования DOM - contenteditable DIV

У меня есть спорный DIV, который связан / синхронизирован с текстовой областью. Contenteditable DIV - это бесплатная песочница, которая будет создавать элементы форматирования и т. Д. По мере их вызова. Однако это часто приводит к ...

Задан Apr 25, 2013, 10:04 PMотMike Wolfe
  • 2голос
  • 1ответ
  • 0просмотров

XY Caret Координаты внутри contenteditable div

Я ищу способ получить координаты xy каретки внутри contenteditable div, аналогично тому, как вы можете получить координаты мыши с помощью window.event, так как мне нужно открыть всплывающее окно точно там, где пользователь находится с кареткой ...

Задан Apr 30, 2013, 12:14 PMотCrista23
  • 8голосов
  • 2ответа
  • 0просмотров

Какая польза от &lt;element contentEditable = «true»&gt; в html?

Кажется, это позволяет вам редактировать содержимое элемента, но что на самом деле происходит? Какие'Использование этого свойства? РЕДАКТИРОВАТЬ: см.Вот [http://www.w3.org/TR/html5/editing.html#contenteditable]

Задан Oct 31, 2009, 4:00 PMотGordon Gustafson
  • 12голосов
  • 3ответа
  • 0просмотров

CSS: фокус элементов в contenteditable

Если у вас есть следующий HTML: The first paragraph The second paragraph Есть ли способ стилизовать абзац, который редактируется иначе, чем все остальные абзацы вdiv то есть ?contenteditable div > p:focus { border: 1px solid red }победил'не ...

Задан May 30, 2013, 7:40 AMотpvorb
  • 4голосов
  • 2ответа
  • 0просмотров

Вставить текст до и после выделения в contenteditable

Есть ли способ вставить текст, похожий на bbcode, до и после выделенного текста в contenteditable div? Я'Мы видели много ответов для textarea, но код не работает с contenteditable div. Поддержка IE не нужна.

Задан Jul 05, 2013, 8:34 PMотFlaxbeard
  • 16голос
  • 1ответ
  • 0просмотров

contenteditable div backspace и удаление проблем с текстовыми узлами

Существует так много проблем с contenteditable div и удалением html и / или не редактируемого контента внутри редактируемых div. Используя ответ превосходного Тима Дауна здесь:Как удалить элемент HTML внутри div с атрибутом ...

Задан Jul 26, 2013, 6:33 PMотmstef
  • 10голосов
  • 3ответа
  • 0просмотров

Не удается удалить изображение в contenteditable div на Android

Я строю богатый текстовый редактор в Android. Для этого я используюwebView сcontentEditable div. Чтобы добавить стили, я призываюJavaScript, Все это прекрасно работает, за исключением случаев, когда я вызываю JavaScript для вставки изображения ...

Задан Aug 06, 2013, 11:13 PMотuser2658889
  • 11голос
  • 1ответ
  • 0просмотров

Определить событие keyup contenteditable потомка, чей родитель является contenteditable div

Цель:Присоедините обработчик события keydown к contenteditable span, который является потомком contenteditable div. Проблема:Если вы введете диапазон, родительское событие будет вызвано не дочерними. Я хочу, чтобы ребенок вызвал, чтобы я мог ...

Задан Sep 12, 2013, 4:21 PMотJoshua Robinson
  • 7голосов
  • 4ответа
  • 0просмотров

Как определить поддержку для contentEditable через JavaScript?

Я искал это уже пару дней, и до сих пор лучшее, что я могу придумать, это проверить список ниже. Я действительно неМне нравится проверять поддержку на основе User-Agent, тем более что он может быть подделан. Я'Мы также слышали по крайней мере об ...

Задан Dec 10, 2009, 3:26 PMотJason
  • 2голосов
  • 3ответа
  • 0просмотров

contentEditable Размещение каретки JavaScript в div

у меня естьcontentEditable дела. Позволять'Например, пользователь нажимает кнопку, которая вставляет HTML в редактируемую область. Таким образом, они нажимают кнопку, и кinnerHTML изcontentEditable ДИВ: Как мне автоматически поместить курсор ...

Задан Dec 12, 2009, 8:26 AMотBen Mc
  • 16голосов
  • 5ответов
  • 0просмотров

запретить contenteditable режиму создавать теги &lt;span&gt;

Когда я использую браузер contenteditable = true для div, чтобы позволить пользователю обновить текст в нем, я сталкиваюсь с этой проблемой (используя Chrome): При использованииудалять Клавиша Backspace для удаления разрыва строки (отскок назад ...

Задан Oct 08, 2013, 7:05 AMотMatt Welander
  • 1голосов
  • 2ответа
  • 0просмотров

REGEX - выделить часть более 19 символов

Привет, У меня есть текст внутриdiv[contenteditable="true"] и я должен выделить (span.tooLong) часть, которая превышает ограничение в 19 символов. Содержание вdiv может иметь HTML-теги или объекты, и их следует игнорировать при подсчете до ...

Задан Dec 01, 2013, 3:03 PMотPetja Touru
  • 16голос
  • 1ответ
  • 0просмотров

Моделирование contenteditable в SVG без иностранного объекта

Я написал веб-приложение, в котором пользователи могут создавать элементы SVG с текстом. Я хочу смоделировать contenteditable элементы внутри элементов svg, чтобы пользователи могли динамически редактировать содержимое элементов svg. То есть, ...

Задан Dec 06, 2013, 4:05 PMотGuido Passage
  • 10голосов
  • 5ответов
  • 0просмотров

избежать, т.е. элемент contentEditable для создания абзацев по клавише Enter

В InternetExplorer DIV ContentEditable создает новый абзац ( ) каждый раз, когда вы нажимаете Enter, тогда как Firefox создает тег. Можно ли заставить IE вставить вместо нового абзаца?

Задан Jan 13, 2010, 2:36 PMотFranck Freiburger
  • 3голосов
  • 2ответа
  • 0просмотров

Курсор перемещается в начало текста, когда я обновляю текст с помощью JavaScript

я использую contenteditable, чтобы позволить пользователям редактировать информацию на веб-странице, но некоторые поля имеют требования к длине, и я хочу, чтобы они знали, когда ониЯ выполнил это требование, поэтому я изменил цвет текста, который ...

Задан Dec 23, 2013, 3:18 AMотJosh Sherick
  • 7голосов
  • 5ответов
  • 0просмотров

Получить содержание диапазона

как я могу получить содержимое span? Я'ищу способ, чтобы все это было ванильным, а не jQuery JavaScript (и немного JQuery) var swear_words_arr=new Array("bad","evil","freak"); var regex = new RegExp('\\b(' + swear_words_arr.join('|') + ')\\b', ...

Задан Jan 02, 2014, 2:16 AMотOliver_H_Miller
  • 4голос
  • 1ответ
  • 0просмотров

Сохранить выбранный диапазон текста для последующего использования Не работает

я используюcontenteditable и выделение текста. Затем я хочу сделать резервную копию этого текстового диапазона, а позже присвоить этому диапазону (тексту) другой цвет. Если я проверю в моемzss_editor.restorerange метод, который я ...

Задан Jan 07, 2014, 4:45 PMотNic Hubbard
  • 4голос
  • 1ответ
  • 0просмотров

Проверка правописания HTML в contenteditable div не работает после span

В моем довольном div у меня естьspellcheck атрибут установлен вtrue, "красные загогулины " работать до (и в) любого периода, который 'присутствует, но не после. В следующем HTML: misssspellelellled imaspan! alsomisspelleelledПервое слово ...

Задан Jan 14, 2014, 7:47 PMотJonathan Kaufman
  • 6голосов
  • 3ответа
  • 0просмотров

contenteditable на двойном клике

у меня естьp тег с некоторым текстом, и яя пытаюсь сделать этоcontenteditable но только по двойному клику. Как я могу запретить браузеру размещать курсор на p, когда я щелкаю по нему, и делать это только при двойном щелчке? ...

Задан Jan 16, 2014, 7:43 PMотzavr
  • 3голосов
  • 2ответа
  • 0просмотров

contenteditable положить каретку вне вставленного пролета

http://jsfiddle.net/VzbYJ/86/ [http://jsfiddle.net/VzbYJ/86/] Пожалуйста, посмотрите на эту ссылку. Поскольку это очищает это, это собирается вставить узел промежутка в месте каретки. Проблема в том, что после вставки узла, если я нажимаю любой ...

Задан Feb 05, 2014, 10:24 AMотDEV
  • 27голосов
  • 12ответов
  • 0просмотров

Как отключить выделение и изменение размеров элементов в contenteditable div?

Например. У меня есть следующий макет: <div contenteditable="true"> <span class="text-block" contenteditable="false"> <span contenteditable="false">Name</span> <a href="javascript:void(0)"> <i class="small-icon-remove"></i> </a> </span> ...

Задан Feb 18, 2014, 7:58 PMотAndrei
  • 17голос
  • 1ответ
  • 0просмотров

Как найти позицию курсора в приемлемом DIV?

Я пишу автозаполнение для редактируемого содержимого DIV (необходимо отображать HTML-контент в текстовом поле. Поэтому предпочтительнее использовать contenteditable DIV, а не TEXTAREA). Теперь мне нужно найти позицию курсора, когда в DIV есть ...

Задан Feb 06, 2010, 2:19 PMотSharief Shaik
  • 29голосов
  • 7ответов
  • 0просмотров

Принудительный элемент IE contentEditable для создания разрывов строк по клавише Enter без прерывания отмены

В Internet Explorer ContentEditable DIV создает новый абзац (<p></p>) каждый раз, когда вы нажимаете Enter, тогда как Firefox создает<br/> тег. Как ...

Задан Feb 08, 2010, 10:38 AMотDan Fabulich
Пред12След