Форум Сайтостроение Веб-строительство

ContentEditable и установка курсора (каретки) в нужном месте

R
На сайте с 17.11.2011
Offline
22
rommer
5785

Добрый день.

Есть <iframe> с ContentEditable=true, т.е. в нем можно редактировать текст прямо в браузере.

После программного изменения его innerHTML курсор слетает в начало текста.

Да и к тому же, хотелось бы, чтобы координаты курсора (каретки) запоминались и восстанавливались при загрузке.

Кто может подсказать, как установить, с пом. JavaScript, каретку в контейнере <iframe> или <div> с "ContentEditable=true"?

Уже несколько дней ищу решение, но безуспешно.

Если кто может подсказать рабочий вариант, то уже готов за него даже заплатить. :crazy:

домашняя страница - google.com.ua
LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#1

Эм... не понял, а каретка то в чём?! textarea или что там у вас?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
R
На сайте с 17.11.2011
Offline
22
rommer
#2
LEOnidUKG:
Эм... не понял, а каретка то в чём?! textarea или что там у вас?

Нет. :)

В любом контейнере, если установить свойство ContentEditable=true можно редактировать текст.

вот пример http://codemirror.net/demo/preview.html

LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#3

Я там вижу <textarea id=code name=code>

---------- Добавлено в 22:47 ---------- Предыдущее сообщение было в 22:46 ----------

По сути ищите узнать положение курсора в textarea и потом по JS кажие 2-3 секунды записывать в куки данные.

YouTube предупредил об обновлении Замедление сайта на 1 Доля Android на мировом
R
На сайте с 17.11.2011
Offline
22
rommer
#4
LEOnidUKG:
Я там вижу <textarea id=code name=code>

---------- Добавлено в 22:47 ---------- Предыдущее сообщение было в 22:46 ----------

По сути ищите узнать положение курсора в textarea и потом по JS кажие 2-3 секунды записывать в куки данные.

на нее сверху накладывается <pre> а текстареа служит только для хранения кода html

Appassionato
На сайте с 22.06.2010
Offline
310
Appassionato
#5

http://phpclub.ru/talk/threads/%D0%9F%D0%BE%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BA%D1%83%D1%80%D1%81%D0%BE%D1%80%D0%B0-%D0%B2-wysiwyg.50268/

Хостинг Работает, как Часы ( http://tinyurl.com/nze85xw ). Проверено за 11+ лет.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий