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

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

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

 
Задача

Добрый день!

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

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

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

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

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

Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Николай Тарасов
Николай Тарасов pauchook
Основная специализация: Веб-разработка и Продуктовый дизайн
    Здравствуйте. Цена указана произвольная. Чтобы полностью оценить стоимость нужно посмотреть js код. Напишите мне, обсудим чутка подробнее
    Роман Инин
    Роман Инин romeo2
    Основная специализация: Веб-разработка и Продуктовый дизайн
    Здравствуйте!

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

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

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

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

      Парсерт ТГ канала+ публикация поста в ТГ канале, админка, вывод данных на сайт15 000 р.

      Бюджет: 15 000 р. 1. Сбор и обработка данных (Backend) Парсер: Мониторинг Telegram-каналов в реальном времени. AI-интеграция: Отправка текста поста в open route API. На выходе —…

      Разработка ПО для передачи изображения по LoRa35 000 р.

      Бюджет: 35 000 р. требуется написать ПО захвата изображения на raspberry pi и для передачи изображения по радиоканалу LoRa. Используется Raspberry pi Zero 2W, а так же SX1262 868M …

      Контент-менеджер с SEO (B2B / промышленная тематика)25 000 р.

      Бюджет: 25 000 р. Ищу контент-менеджера с пониманием SEO для нового B2B-сайта в промышленной тематике (частотные преобразователи, автоматизация, промышленное оборудование). Задачи…

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