Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Прикрепил pdf с макетом страницы и пометками. Дизайн макета не обязательно к исполнению, главное сделать такую структуру.

На входе получаем html файл (блок А). Формируем превью загружаемого файла и выводим в блок В.

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

После клика, в блоке D пользователь может ввести какой текст (многострочный инпут). Если текст был введен (блок D не пустой), тогда нужно присвоить выбранному тегу в области B класс с уникальным названием + счетчик. Ниже представлен список с названием классов в зависимости от выбранной опции в блоке C

Text randomization = classTextRand_1

Link randomization = classLinkRand_1

Color randomization = classColorRand_1

Font randomization = classFontRand_1

Images randomization = classImagesRand_1

Пример скрипта по выделению тегов html, можно взять за основу https://jsbin.com/lorereqoqu/1/edit?html,css,js,output

По нажатию кнопки Generate на сервер должен отправится json

{

"modifyHTML": html который был загружен пользователем с добавлением class string,

"classTextRand_1": текст который был добавлен в блоке D string,

"classTextRand_2": текст который был добавлен в блоке D string,

и так далее по всем добавленным классам,

"macros": true|false boolean,

"countFile": 10 integer

}

Список обрабатываемых тегов в зависимости от выбранной опции в блоке С

Text randomization = h1, h2, h3, h4, h5, h6, p, b, strong, i, span.

Link randomization = a

Color randomization = h1, h2, h3, h4, h5, h6, p, b, strong, i, span.

Font randomization = h1, h2, h3, h4, h5, h6, p, b, strong, i, span.

Images randomization = img

месяц назад
Utenov
34 годаКазахстан
15 лет в сервисе
Был
10 дней назад
Файлы доступны только авторизованным пользователям