{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[{"key":0,"length":25,"offset":0}],"inlineStyleRanges":[],"text":"Ссылка на рабочий вариант","type":"unstyled","key":"dujde"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Рассказ о коде:","type":"unstyled","key":"15uet"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":18,"offset":838}],"inlineStyleRanges":[],"text":"Данный код представляет собой простую HTML-страницу, на которой можно сокращать длинные URL-адреса.\n\nHTML часть содержит:\n- `container`, в котором расположены элементы на странице;\n- форму для ввода длинного URL и кнопки \"Shorten URL\";\n- абзац `p` для вывода сокращенного URL после его генерации.\n\nCSS часть не представлена здесь, но используется фреймворк Bootstrap, который обеспечивает стилизацию элементов на странице, таких как блоки контейнера и формы ввода.\n\nJavaScript отвечает за работу функционала сокращения ссылки. Используемый код:\n- запускает функцию при отправке формы (`$('form').submit(function(event) {});`);\n- предотвращает поведение по умолчанию при отправке (`event.preventDefault();`);\n- получает значение введенной пользователем длинной ссылки (`var longUrl = $('#long-url').val();`);\n- выполняет запрос AJAX к API https://clck.ru/-- для создания короткого адреса (`$.ajax({url: 'https://clck.ru/--', data: {url: longUrl}, type: 'GET', success: function(response) {}});`);\n- если запрос успешен, выводит ответ - короткий адрес - на странице (`$('#short-url').text(response);`).\n\nОбщая идея кода заключается в том, чтобы позволить пользователям быстро и легко создавать короткие URL-адреса для обмена или отправки другим людям.","type":"unstyled","key":"76pg7"},{"data":{"image":{"id":"641873d3811aa23099817b76"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"99n1d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5mnuh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код.","type":"unstyled","key":"13dfl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n\n \n URL Shortener\n \n\n\n

URL Shortener

\n \n

\n \n \n \n\n","type":"blockquote","key":"8q797"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9ah1r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"44dvh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"qjKpAlhhETbu32QsSpIj"}],"entityMap":{"0":{"data":{"url":"https://unq.wtf/test/short.html"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https://clck.ru/--"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}