Сделать ссылки кликабельными в content-editable div

Задание закрыто
Стоимость:Договорная
Срок выполнения:2 дня
Варианты оплаты:Планируется использовать Безопасную сделку
Дата публикации:2023-06-05 13:53
Обновлено:2023-06-05 13:55
Был на сайте:2024-05-17 15:21

Сделать ссылки кликабельными в content-editable div

 
Задача

Добрый день!

На странице имеется блок div со свойством contenteditable. Т.е. на него можно кликнуть и что-то в нем сходу редактировать.

Необходимо сделать, чтобы ссылки в этом блоке (начинающиеся на https:// , http:// ) автоматически преобразовывались в кликабельные.

То есть если в этом блоке есть ссылка, то:
- она должна быть выделена цветом, при наведении на нее курсор должен меняться - как при наведении на обычную ссылку
- если по ссылке кликнуть - откроется страница (в новом окне, т.е. target=_blank), при этом блок не перейдет в режим редактирования
- если кликнуть по обычному тексту - то блок перейдет в режим редактирования (как сейчас)
- если в режиме редактирования в блок вставляется ссылка в формате https/http... (то есть без каких-то дополнительных тегов), то после выхода из режима редактирования (кликнуть в другом месте и/или перезагрузить страницу).

Тестовый файл с блоком и тестовой ссылкой в нем прилагается.

Приветствуется максимально простое решение без подключения тяжелых...

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Николай Тарасов
Николай Тарасов pauchook

Качество требует времени

Cпециализация: Веб разработка
  • 100 руб2 дня
Здравствуйте. Цена указана произвольная. Чтобы полностью оценить стоимость нужно посмотреть js код. Напишите мне, обсудим чутка подробнее
Роман Инин
Роман Инин romeo2
Cпециализация: Веб разработка
  • 100 руб2 дня
Здравствуйте!

Готов выполнить задачу за предложенное Вами время на JavaScript без использования библиотек.

Думаю, 100 рублей - справедливая оплата для этого задания.
19:35 11.06.23
1) Я правильно понял, что в div будут только текст и ссылки, ничего больше?
2) Как много текста и ссылок предполагается в этом div?
Алексей Сальников
Алексей Сальников sa1exxx
  • 300 руб1 день
Я реализовал задание на чистом js. Выслать могу в любой момент.

Оставлять заявки могут только авторизованные пользователи.

Другие открытые задания:

Задание по немецкому2 000 р.

Бюджет: 2 000 р. Кто разбирается в немецком языке? Обсудим детали

Менеджер по продажам удаленно. Запись на обучение50 000 р.

Бюджет: 50 000 р. Требования к кандидатам Активные, позитивные, целеустремленные люди с грамотной речью и высокой самоорганизацией, которые любят общаться и не боятся продавать. Оп…

  • 16.05.24
  • Ответов: 2
  • Просмотров: 73
  • Истек срок публикации

Менеджер по привлечению клиентов200 000 р.

Бюджет: 200 000 р. Условия: 1. Холодный поиск клиентов онлайн/оффлайн 2. Оплата: мы называем вам стоимость работ, а вы добавляете свою комиссию сверх нашей суммы 3. Средний чек: 10…

поиск заданий