Предметно-ориентированная среда быстрой разработки в платформе «1С:Предприятия 8» предоставляет разработчику интегрированный набор инструментов, позволяющих облегчить работу. К подобным инструментам относится специальный редактор HTML-документа, который позволяет просматривать и редактировать HTML-документы.

 

С помощью HTML-редактора создаются гипертекстовые документы (HTML-документы). Также с помощью этого редактора редактируется справочная информация у объектов конфигурации (справочники, документы и т.д.), для этого необходимо у объекта выбрать свойство «Справочная информация».

Для создания нового HTML-документа нужно выбрать пункт «Файл – Новый – HTML-документ». HTML-документ можно сохранить в файл для того, чтобы его в дальнейшем можно было его открыть, просмотреть или отредактировать, выбрав пункт «Файл – Открыть».

Закладки редактора

Редактор состоит из трех закладок:

• Редактирование ‑ с помощью этой закладки имеется возможность редактировать документ в визуальном режиме. При этом возможности редактора совпадают с возможностями редактора текстов. Текст HTML-документа можно форматировать, устанавливать стиль (шрифт, размер, оформление, отступы, выравнивание). Доступны функции поиска и замены. При копировании текста из других текстовых редакторов, например, Microsoft Word, сохраняется исходное форматирование текста.
• Текст ‑ с помощью этой закладки имеется возможность редактировать документ в формате HTML используя теги HTML-разметки.
• Просмотр ‑ на этой закладке можно посмотреть, как будет выглядеть созданный документ, однако недоступно непосредственное изменение документа.

Элементы

На закладке Редактирование или на закладке Текст можно в любой части HTML-документа помещать таблицы, картинки, надписи, гиперссылки, закладки и линии.

Таблицы

Для вставки таблицы нужно выбрать пункт «Таблица ‑ Вставить таблицу». В открывшемся диалоге указать количество строк и колонок. Если в дальнейшем в процессе редактирования выяснится, что указанного количества строк или колонок не хватает, их можно добавить.

Для работы с таблицей (вставка, удаление строк, колонок и ячеек) предназначены команды, выполняемые при выборе пунктов меню «Таблица» главного меню конфигуратора.

Таблицы могут быть вложенными. Для создания вложенной таблицы необходимо создать новую таблицу в ячейке уже существующей таблицы.

Простой HTML-код создания таблицы:

<table width="100%" border="1">														         <tr>
      <td>1</td>
     <td>2</td>
   </tr>
   <tr>
     <td>3</td>
     <td>4</td>
   </tr>
</table>

Картинки

Для вставки картинки нужно выбрать пункт меню «Элементы – Картинка». В открывшемся диалоге указать адрес картинки (путь и имя файла картинки) или выбрать файл в стандартном диалоге выбора файла. В группе реквизитов «Расположение» указать, если требуется, выравнивание.

Гиперссылки

Для создания гиперссылки в HTML-документе нужно выделить объект (текст или картинку), выбрать пункт меню «Элементы ‑ Ссылка». В появившемся диалоговом окне обязательно нужно настроить свойство «Адрес»:

• Адрес гиперссылки

<a target="_blank" href="https://v8.1c.ru/small.biz/">1С:УНФ</a>

• Ссылку на справочную информацию по объекту конфигурации

<a href="../idefad9316-ebd0-45d1-81d0-4717759dea54/038b5c85-fb1c-4082-9c4c-e69f8928bf3a"><font color="#0066cc">"Классификатор единиц измерения"</font></a>

• Ссылку на системный раздел справки. Если режим редактирования конфигурации установлен в значение «Управляемое приложение», то будут отображены только разделы справки, относящиеся к управляемому приложению (а также колонка, описывающая доступность раздела в веб-клиенте). Если режим редактирования конфигурации установлен в значение «Управляемое приложение и обычное приложение», то будут отображены все разделы справки с указанием доступности раздела в управляемом приложении, веб-клиенте и обычном приложении.

<a href="v8help://1cv8/WorkingWithManagedApplication">Синтакс-помощник</a>

• Имя закладки (предваренное символом «#»)

<a href="##1">Список номенклатуры</a>
<a name="#1">Список номенклатуры</a>

Выделенный объект форматируется в соответствии со стилем гиперссылки. Обычно это синий цвет текста с подчеркиванием. Картинка помещается в рамку синего цвета.

Закладки

Для создания внутренней ссылки в HTML-документе следует выделить объект (текст или картинку) и выбрать пункт меню «Элементы ‑ Закладка». На экран выводится диалог ввода имени закладки. Выделенный объект при этом не форматируется.

Закладки используются для организации внутренней ссылки. Для перехода к закладке нужно добавить ссылку указав имя закладки поставив вначале #.

Например:

<a href="##1">Список номенклатуры</a>
<a name="#1">Список номенклатуры</a>

Линия

С помощью линий производится зрительное разделение документа.

<hr>

Ваганов Сергей, эксперт в области разработки прикладных решений на платформе 1С:Предприятие, преподаватель-методист CORS Academy и автор курса «Разработчик 1С с нуля до профессионала».

Статья создана на основе материалов курса «Разработчик 1С с нуля до профессионала».