Пісочниця Replit для контент едітора

Тепер коли є штучний інтелект, а конкретніше Chat GPT, вебмайстри і контент едітори навіть не знаючи мов програмування можуть використовувати пісочниці для своїх щоденних рутинних задач. В цій короткій статті я розпишу один простий приклад.

Працюючи на проекті з міграції сторінок з старої на нову версію Sitecore, я зіштовхнулась з типічною задачею – треба видалити тонну непотрібних зображень з вихідного коду сторінки. На старій версії ці зображення були додані через звичайний rich text editor адмінки, на новій версії Sitecore розробники заблокували таку можливість і ці зображення нам сказали з сторінки забрати. Звичайно вручну таке не робиться, потрібно одним махом видалити всі зображення, і тут нам допоможе Пайтон (Python) і пісочниця Replit в оригіналі її описують так:

Основні кроки для редагування HTML коду через Replit:

1. Реєстрація на сайті replit.com

replit.com

start building

2. Запит в ChatGPT

chat.openai.com

Зформуйте детальний запит, наприклад які елементи з коду потрібно видалити і що запит саме для replit:

“Напиши код для використання на replit.com – потрібно видалити всі зображення з html коду в тегах img. Готовий згенерований на replit html розмітку потрібно вставити в файл index.html, який розміщений в тій самій директорії що файл main.py”

Разом з запитом додайте ваш вихідний код для редагування, щоб ШІ сформував разом з ним код пайтон.

start chatting

3. Виконання коду в Replit

replit.com

Створюєм пісочницю, натиснувши кнопку “Create a Repl”.

Створюєм файл index.html, в який буде автоматично додано вже оброблений HTML код. Залежно від того який код напише для вас ШІ , вихідний HTML для редагування можу бути в самому коді на пайтоні або у файлі index.html. Якщо в останньому, то програма після запуску просто замінить стару розмітку на відредаговану, так як в мене у відео нижче.

Вставляєм згенерований ШІ код у файл main.py