Визуальный редактор HTML

Главная » Инструменты » Визуальный редактор HTML

Визуальный редактор HTML с возможностью оптимизации кода поможет вам в несколько кликов подготовить текст статьи для размещения на вашем сайте. Уникальная функция создания содержания статьи сократит работу с контентом в считанные минуты.

Поделитесь со своими друзьями

Оптимизация HTML
Очищая теги от стилей, вы ускоряете загрузку страниц вашего сайта.
Очистить сlass="" тегов
Очистить style="" тегов
Оставить только теги (наименьший размер)
Не оптимизировать
Содержание
Создавая быструю перелинковку по статье, вы помогаете пользователям быстро находить нужный контент.
Создать содержание статьи
Добавить rel="nofollow" ссылкам содержания
Убрать
Вы сможете убрать ненужные теги из текста. Рекомендую использовать данную функцию после оптимизации.
теги <b>
теги <strong>
теги <div>
теги <br>
теги <span>
отступы, пропуски (сжимает HTML код)
лишние теги без содержимого
Новая функция позволяющая удалять HTML теги без содержимого. Это значительно поможет вам сократить исходный код.
Заменить
При публикации текста на сайте, рекомендую заменить кавычки и тире на указанные. Это увеличит читабельность текста.
заменить ковычки ("слово" на «слово»)
заменить короткое тире - на длинное —
Настройки редактора
Для комфортной работы с инструментом, настройте его под себя и пользуйтесь с удовольствием.

Тип редактора


Цвет окна


Язык

Дополнительные функции
Активируйте дополнительный функционал редактора. Работает при выборе редактора Trumbowyg.
Включить смайлы
Включить очиститель форматов

Поделитесь ссылкой на ваши настройки с друзьями и они тоже смогу оптимизировать текст как и вы.

Ссылка с настройками:

Особенности инструмента

Возможности данного редактора безграничны. Он идеально подойдёт для контент-менеджеров, копирайтеров, SEO-специалистов, SMM менеджеров и владельцев сайтов.

В версии 2.0 редактор умеет:

  • преобразовывать данные из буфера обмена к html;
  • очищать мусорные теги и атрибуты;
  • создавать содержание статьи;
  • заменять кавычки и тире;
  • скачивать получившийся код в TXT файл;
  • сжимать получившийся код, убирая лишние отступы и пробелы.

Для комфортной работы я реализовал функционал выбора цвета, типа и языка редактора. В данный момент поддерживается 5 языков.

Как перенести таблицу из Exel и Word

Для этого вам необходимо скопировать нужный элемент в Exel или Word комбинацией клавиш Ctrl+C и вставить результат в редактор (в режиме визуального редактирования) – Ctrl+V. Затем выбрать кнопку <>. Получившийся код вы сможете установить на свой сайт. Рекомендую перед публикацией кода провести оптимизацию

Как создать содержание статьи

Для создания содержания, необходимо:

  1. Проставить в тексте теги H1-H6.
  2. Вставить текст в редактор в режиме кода (если простановка тегов проходила в не его).
  3. Выставить галочку «Создать содержание статьи».
  4. Нажать кнопку «Применить».

После вы сможете скачать статью с содержанием в файл.