До вмісту
SellerUa
USD 45,24 ₴EUR 50,75 ₴GBP 60,07 ₴PLN 11,58 ₴CNY 6,76 ₴Золото 6 026 ₴/г▼0,2%Срібло 87,59 ₴/г▲0,4%BTC 83 144 $▲0,8%ETH 2 505 $▼0,3%S&P 500 7 807▼0,0%оновлено 21:28

Інструмент

Онлайн-редактор HTML

Форматуйте текст ліворуч — праворуч одразу з'являється чиста HTML-розмітка без стилів Word і зайвих класів. Для описів товарів, постів і листів.

Опис товару

Це приклад тексту. Виділіть слово й натисніть кнопку на панелі — розмітка праворуч зміниться одразу. Можна додати посилання на сайт виробника.

  • Перший пункт списку
  • Другий пункт списку

Зображення з інших сайтів тут не показуються, але в коді лишаються.

Код можна правити вручну — ліве вікно оновиться через мить. Вставлений код очищується, коли ви виходите з поля.

Усе працює у вашому браузері: текст і код нікуди не надсилаються, а чернетка зберігається лише на вашому пристрої.

Що треба знати

  • Лишається тільки структура: абзаци, заголовки, списки, посилання, таблиці та виділення. Кольори, шрифти й розміри задає сайт, куди ви вставляєте текст.
  • При очищенні прибираються теги script, style, iframe, object, embed, form, input, meta і link; атрибути style, class, id, lang, dir і всі обробники подій on*; посилання зі схемами javascript: і data:; коментарі Word; порожні span і порожні абзаци.
  • Заміни: теги b та i стають strong та em; вирівнювання абзацу зберігається атрибутом align, а не стилем.
  • «Завантажити .html» віддає повний документ із кодуванням UTF-8.
Базові теги для опису товару
  • <p> — абзац; <br> — перенос рядка всередині абзацу.
  • <h1>–<h3> — заголовки. В описі товару зазвичай достатньо h2 і h3, бо h1 — назва сторінки.
  • <strong> — жирне виділення, <em> — курсив.
  • <a href="…"> — посилання.
  • <ul>, <ol> і <li> — маркований і нумерований списки та їхні пункти.
  • <table>, <tr>, <td> — таблиця, її рядки й комірки; <th> — комірка заголовка.
  • <blockquote> — цитата; <hr> — горизонтальна лінія.

Часті питання

Чи зберігаються мої тексти на сервері?
Ні: редактор працює у браузері, текст і код нікуди не надсилаються. З опцією «Зберігати чернетку в браузері» останній варіант лежить у localStorage на вашому пристрої; вимкніть її або натисніть «Очистити», і чернетка видалиться. Вимкнена опція лишається вимкненою і після перезавантаження сторінки. На чужому чи спільному комп'ютері її краще вимкнути. Якщо текст не вміщається у сховище браузера (зазвичай через вбудовані зображення), чернетка не зберігається — редактор про це попередить.
Як вставити текст із Word чи Google Docs без сміття?
Скопіюйте текст і вставте в ліве вікно. З опцією «Очищати вставку з Word і Google Docs» редактор лишить структуру, а службові стилі, шрифти, класи на кшталт MsoNormal і коментарі Office прибере; без неї вставиться простий текст без форматування.
Як додати таблицю?
Натисніть «Вставити таблицю» і введіть розмір у форматі рядки×стовпці, наприклад 3×2. Рядок зручніше додати в коді праворуч: скопіюйте блок <tr>…</tr> і вставте ще раз.
Як вставити результат у Prom, OLX, Rozetka чи CMS?
Натисніть «Копіювати HTML» і вставте код у поле опису в режимі коду: кнопка «Джерело», «HTML», «<>» або вкладка «Текст». Якщо майданчик приймає лише простий текст, як OLX, натисніть «Копіювати текст»: переноси рядків збережуться.
Чи можна відкрити готовий html-файл?
Так. Відкрийте файл у текстовому редакторі, скопіюйте вміст і вставте в праве вікно «HTML-код». Редактор візьме вміст body, а службові теги head, script і style прибере. Від форм лишиться текст, а поля введення й кнопки зникнуть.

Спробуйте також

Генератор паролівНадійні паролі з криптографічного генератора у браузері.Тестові банківські карткиНомери за алгоритмом Луна для перевірки платіжних форм і тестові картки провайдерів.Тестові IBANВалідні українські IBAN для тестування форм: обраний банк, тип рахунку, кількість.