Сделать ссылки кликабельными в 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 код. Напишите мне, обсудим чутка подробнее

    Примеры моих работ

    Dental
    Счастливые истории
    Союз отцов
    Роман Инин
    Роман Инин romeo2
    Основная специализация: Веб-разработка и Продуктовый дизайн
    Здравствуйте!

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

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

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

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

      Продающая WEB-страница - только основа, под доработку10 000 р.

      Бюджет: 10 000 р. В первую очередь рассматриваю готовые предложения из наработок разработчика, т.к. особых требований к дизайну нет, а время ограничено. Нужен одностраничный сайт (Я…

      календарь на 2026 (согласно ТЗ)10 000 р.

      Бюджет: 10 000 р. Добрый день. Необходимо сделать семейный календарь на 2026 год на заданную тематику (компьютерные игры, разные для каждого месяца), формат для распечатки А1. В кажд…

      Работа (вакансия): Расшифровка аудио (транскрибирование, стенограммы). Постоянная работа1 200 р.

      Бюджет: 1 200 р. Приглашаем расшифровщиков с опытом работы в команду. ( geo-d··· Рассмотрение заявок). Постоянные заказы, занятость, выбор удобного графика, поддержка и обучение н…

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