Тепер коли є штучний інтелект, а конкретніше Chat GPT, вебмайстри і контент едітори навіть не знаючи мов програмування можуть використовувати пісочниці для своїх щоденних рутинних задач. В цій короткій статті я розпишу один простий приклад.
Працюючи на проекті з міграції сторінок з старої на нову версію Sitecore, я зіштовхнулась з типічною задачею – треба видалити тонну непотрібних зображень з вихідного коду сторінки. На старій версії ці зображення були додані через звичайний rich text editor адмінки, на новій версії Sitecore розробники заблокували таку можливість і ці зображення нам сказали з сторінки забрати. Звичайно вручну таке не робиться, потрібно одним махом видалити всі зображення, і тут нам допоможе Пайтон (Python) і пісочниця Replit в оригіналі її описують так:
Replit – Idea to software, fast. Replit is an AI-driven software creation platform where everyone can build, share, and ship software fast.
Основні кроки для редагування HTML коду через Replit:
1. Реєстрація на сайті replit.com
replit.com
2. Запит в ChatGPT
chat.openai.com
Зформуйте детальний запит, наприклад які елементи з коду потрібно видалити і що запит саме для replit:
“Напиши код для використання на replit.com – потрібно видалити всі зображення з html коду в тегах img. Готовий згенерований на replit html розмітку потрібно вставити в файл index.html, який розміщений в тій самій директорії що файл main.py”
Разом з запитом додайте ваш вихідний код для редагування, щоб ШІ сформував разом з ним код пайтон.
3. Виконання коду в Replit
replit.com
Створюєм пісочницю, натиснувши кнопку “Create a Repl”.
Створюєм файл index.html, в який буде автоматично додано вже оброблений HTML код. Залежно від того який код напише для вас ШІ , вихідний HTML для редагування можу бути в самому коді на пайтоні або у файлі index.html. Якщо в останньому, то програма після запуску просто замінить стару розмітку на відредаговану, так як в мене у відео нижче.
Вставляєм згенерований ШІ код у файл main.py
Для запуску обробки коду, натискаєм зелену кнопку run в консолі.
Після виконання коду результат обробки вашого HTML збережеться в файл index.html
Готово! Згенерований код без img тегів можна вставляти на сайт.
Все це робиться набагато швидше ніж здається по цій статті. Відео з прикладом можна подивитись тут на каналі YouTube