4.3.01 HTML/Текстовый редактор

 

HTML/Текстовый редактор  предназначен для составления, редактирования и форматирования текста.  Редактор отличается высокой функциональностью и простым, привычным интерфейсом. Этот инструмент необходим при разработке качественного прототипа.

Для вызова HTML/Текстового редактора   нужно:

  • зайти в свойства объекта;
  • выбрать свойство Текст  ;
  • щелкнуть мышью по кнопке справа от текста.

GUI Machine, HTML and text editor

Запуск редактора

 Если не требуется редактировать текста объекта в HTML, то HTML/Текстовый редактор  можно не запускать. Достаточно ввести новый текст в поле свойства Текст .

Окно инструмента включает 3 вкладки:

  • HTML-редактор ;
  • HTML-код ;
  • Текстовый редактор.
HTML-редактор

HTML-редактор позволяет применять к тексту HTML-оформление  (от англ. HyperText Markup Language — «язык разметки гипертекста»). Для работы с редактором  не требуется навыков программирования или знания языка HTML.

Рабочее пространство редактора включает в себя:

  • набор инструментов;
  • контейнер для ввода текста.

GUI Machine,HTML editor

HTML-редактор

Панель инструментов разделена на верхнюю и нижнюю линейки.

Верхняя линейка инструментов включает в себя инструменты для:

  • работы с буфером обмена (копирование, вставка);
  • вставки объектов — изображений, символов, таблиц, ссылок;
  • отмены/повтора выполненных действий;
  • копирования форматирования текста;
  • редактирования таблиц;
  • изменения масштаба;
  • рисования фигур.

Нижняя линейка инструментов предназначена непосредственно для форматирования текста и управляет следующими свойствами текста:

  • тип заголовка;
  • шрифт;размер шрифта;
  • стиль текста (жирный, курсив, подчёркнутый);
  • верхний/нижний индекс;
  • горизонтальное положение текста;
  • размер отступов;
  • нумерованный/маркированный список;
  • цвет шрифта;
  • цвет фона.

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

Изменение текста на области редактирования

Имеется возможность изменить оформление текста при помощи горячих клавиш:

Ctrl+Iкурсивный:
Ctrl+Bжирный;
Ctrl+Uподчёркнутый.

HTML-код

После редактирования текста в HTML-редакторе  автоматически созданный HTML-кодможно просмотреть , перейдя на вкладку соответствующую вкладку:

Вкладка "HTML-код"

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

Текстовый редактор

При отсутствии необходимости применять HTML-оформление к тексту  можно воспользоваться инструментом Текстовый редактор . Текст, редактировавшийся ранее в HTML-редакторе, будет отображён без оформления.

GUI Machine, text editor

Вкладка "Текстовый редактор"

При сохранении текста объекта в этой вкладке он будет сохранён без оформления (без HTML-кода).

При редактировании текста объекта на вкладке Текстовый редактор не используйте  многострочный текст (текст с переносами клавишей Enter), поскольку программа   воспринимает и отображает этот текст как однострочный. Если при редактировании были использованы переносы, то при просмотре разные строчки  будут объединены в одну без каких-либо разделителей.

Перейти на сайт GUI Machine Suffusion theme by Sayontan Sinha