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

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

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

 
Задача

Добрый день!

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

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

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

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

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

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

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

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

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

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

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

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

Нужен блогер для продвижения в LiveInternet и других порталах .15 000 р.

Бюджет: 15 000 р. Нужен блогер для продвижения в LiveInternet и других порталах . Меня зовут Олег и у меня множество групп в соц.сетях ,есть сайт и лендинг . Хочу сейчас продвигать…

Продвижение в Интернете через БЛОГи . Заявка – проект .10 000 р.

Бюджет: 10 000 р. Продвижение в Интернете через БЛОГи . Заявка – проект . Добрый день или ночь , уважаемые фрилансеры ! Меня зовут Олег и я занимаюсь производством пряжи и вязанн…

Реклама продуктов банка в своем окружении и не только10 000 р.

Бюджет: 10 000 р. Основные обязанности: Ищу партнеров для работы по расширению клиентской базы крупнейшего банка России. Обязанности сотрудника - консультировать клиентов по продук…

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