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

Если Вы уже знакомы на этом сайте с простым визуальным HTML-редактором, то Вы понимаете, что он обладает очень маленькими возможностями и годиться только для создания самых примитивных сайтов. Поэтому хочется предложить Вам что-то существенно большее в плане автоматической конвертации построенных вэб-страниц в код HTML для таких пользователей, которые не разбираются в HTML.

Этот редактор нормально работает в любых браузерах, но наиболее корректно в браузере Mozilla FireFox (доступны все функции).

Окно редактора можно сделать любого размера, в том числе и распахнуть на весь экран.

Интерфейс этого редактора для создания сайтов очень похож на вордовский интерфейс программы MS Word. Так что, если Вы умеете работать в Ворде, то проблем с изучением этого редактора у Вас не будет. Мало того, в этот редактор можно импортировать страницы, уже созданные в Ворде. Для этого там есть специальная кнопочка. Большинство вордовских форматирований при таком импорте сохраняются. Поэтому можно делать свой сайт прямо в MS Word, а данный редактор использовать только для конвертации в HTML-коды и небольшой окончательной правки.

Краткое назначение всех его кнопочек:

• Первый ряд кнопочек:
  • Save Сохранение работы в файл (сейчас временно не работает, скоро починю), пока для сохранения кода используем копирование и вставку, см. кнопочку HTML во втором ряду
  • Cancel Отменить все изменения
  • New Document Очистка редактора для начала создания нового документа
  • Bold (Ctrl+b) Жирный шрифт
  • Italic (Ctrl+i) Наклонный шрифт
  • UnderLine (Ctrl+u) Подчеркнутый шрифт
  • StrikeThrough Зачеркнутый шрифт
  • Align Left Выравнивание по левому краю
  • Align Center Выравнивание по центру страницы
  • Align Right Выравнивание по правому краю
  • Align Full Выравнивание по левому и правому краям одновременно
  • Styles Стили (пока не работают)
  • Paragraph Форматы абзацев:
    • Paragraph - делает абзац
    • Address - делает адрес
    • Prefarmatted - оставляет формат "как есть"
    • Heading 1, ..., Heading 6 - делает заголовка шести уровней
  • Font Family - Шрифты
  • Font Size - Размер Шрифта
• Второй рад кнопочек:
  • Cut (Ctrl+x) Вырезать (используйте комбинацию клавиш, так как кнопка работает не во всех браузерах)
  • Copy (Ctrl+c) Копировать (используйте комбинацию клавиш, так как кнопка работает не во всех браузерах)
  • Paste (Ctrl+v) Вставить (используйте комбинацию клавиш, так как кнопка работает не во всех браузерах)
  • Paste as Plane Text Вставить просто как текст, без тэгов
  • Paste from Word Вставить из программы MS Word
  • Find Найти
  • Find/Replace Найти и заменить
  • Insert/Remove Bulleted List Вставка ненумерованного списка с индикаторами элементов списка в виде точки, колечка и квадратика
  • Insert/Remove Numbered List Вставка пронумерованного списка с индикаторами элементов списка в виде чисел, латинского алфавита (большие и маленькие), римских чисел (большой и маленький размер) и греческого алфавита
  • Decrease Indent Отмена вставки отступа
  • Increase Indent Вставка отступа
  • Block Quote Вставка "цитаты"
  • Undo (Ctrl+z) Откат изменений на один шаг назад
  • Redo (Ctrl+y) Отмена предыдущей отмены изменений
  • Insert/Edit Link Вставка и редактирование ссылки
  • UnLink Отмена ссылки
  • Insert/Edit Anchor Вставка именной метки
  • Insert/Edit Image Вставка рисунка и редактирование опций рисунка
  • CleanUp Messy Code Удаление лишних кодов
  • Help Помощь
  • Edit HTML Source Редактирование кодов HTML, здесь же и копируем коды для дальнейшего использования в других программах и сюда же вставляем исходные коды для дальнейшего редактирования в визуальном редакторе.
  • Insert Date Вставка даты в формате гггг-мм-дд
  • Insert Time Вставка времени в формате чч-мм-сс
  • Preview ПредПросмотр
  • Select Text Color Выбор цвета текста (миллионы цветов)
  • Select BackGround Color Выбор цвета фона (миллионы цветов)
• Третий ряд кнопочек:
  • Insert/Edit Table Вставить и редактировать таблицу
  • Table Row Properties Задать свойства строки таблицы
  • Table Cell Properties Задать свойства ячейки таблицы
  • Insert Row Before Вставить строку таблицы перед помеченной строкой
  • Insert Row After Вставить строку таблицы после помеченной строки
  • Delete Row Удалить помеченную строку
  • Insert Column Before Вставить столбец перед помеченным столбцом
  • Insert Column After Вставить столбец после помеченного столбца
  • Delete Column Удалить помеченный столбец
  • Split Merged Table Cells Разбивает предварительно объединенную ячейку таблицы обратно на несколько ячеек
  • Merge Table Cells Объединяет выделенные ячейки таблицы в одну ячейку
  • Insert Horizontal Line Вставить тонкую горизонтальную линию шириной во всё окно
  • Remove Formating Отменить форматирование
  • Show/Hide GuideLines/InVisible Elements Показывает и прячет разные вспомогательные элементы, типа невидимых границ таблицы и др.
  • SubScript Сделать нижний индекс
  • SuperScript Сделать верхний индекс
  • Insert Special Caracter Вставка специальных символов (200 штук)
  • Emotions Вставить смайлики (12 штук)
  • Insert/Edit Embedded Media Вставить и редактировать музыку, видео, флэш-ролик, плавающий фрейм и т.п.
  • Insert Horizontal Line Вставить горизонтальную линию заданой длины и ширины
  • Print Распечатать коды
  • Direction Left to Right Написание текста слева направо
  • Direction Right to Left Написание текста справо налево (например, по-арабски)
  • Toggle Full Screen Mode Распахнуть редактор на весь экран (уменьшить распахнутый экран до размера окна)
• Четвертый ряд кнопочек:
  • Insert New Layer Вставить новый слой
  • Move Forward Поднять слой наверх
  • Move Backward Опустить слой вниз
  • Toggle Absolution Position Задает у слоя возможность ввести координаты при редактировании в кодах HTML
  • Edit CSS Style Задает и позводяет редактировать стили слоев, параграфов, таблиц и других элементов
  • Citation Оформление цитат
  • Abbreviation Оформление аббревиатур
  • Acronym Оформление акронимов
  • Deletion оформление зачеркнутых текстов для отслеживания истории исправлений
  • Insertion Оформление вставленных текстов для отслеживания истории исправлений
  • Insert/Edit Attributes Вставка и редактирование атрибутов параграфа, заголовков, таблиц и других элементов
  • Show/Hide Visual Control Characters Показывает и скрывает те места, где расположены тэги
  • Insert Non-Breaking Space Character Вставка пробела, который не разбивает длинную строку на две строки
  • Insert Predefined Template Content Вставка контента с заданным шаблоном
  • Insert Page Break for Printing Вставка разделителей на страницы для печати на принтере
  • Restore Auto-Saved Content Восстановление автосохраненного контента
  • Show/Hide Block Elements Показать и спрятать разбивку страницы на блоки
  • Toggle Spell Checker Включить/Выключить проверку правописания (на английском)

------------------

Автор статьи: Евгений Миронов.

[0] Инструкция конвертора в HTML-коды
[1] Онлайновый генератор HTML-кодов